FormSection

A titled group of fields.

import { FormSection } from '@textui/widgets';

<FormSection title="Notifications" description="Where alerts are sent.">
  <text content="fields go here" />
</FormSection>

Props

| Prop | Type | Default | | | — | — | — | — | | title | string | required | | | description | string | | |

Plus everything on BoxProps.

Grouping only - it holds no form state and does not need to be inside a Form.

Worth reaching for once a form is long enough that a reader scrolls it. Below about six fields it adds a heading to something that did not need one.

See also

• Editing keys and selection - the keys, the selection and the clipboard
• Field - the rows inside it
• Panel - when the group wants a frame