Components
SettingsSection
A settings section — title, subtitle, and a stack of rows.
The section block from a Settings page: a 16px/600 title with an optional subtitle and a trailing action, then an evenly-gapped stack of rows (pair with FormField). Compose several inside a settings content pane.
Its spacing/typography are measured from a live Settings page, but the rows are generic — use it directly for any titled section block, settings or otherwise.
Available since@crisp-ui-kit/crisp@0.11.0
Installation
npm install @crisp-ui-kit/crispUsage
import { SettingsSection, FormField, Select, Button } from "@crisp-ui-kit/crisp";
<SettingsSection
title="Time preferences"
description="Manage your time preferences"
action={<Button intent="neutral" size="sm">Reset</Button>}
>
<FormField label="Preferred timezone" htmlFor="tz">
<Select id="tz" options={[...]} />
</FormField>
</SettingsSection>;Props
Prop
Type