FormSection

A titled group of fields.

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

<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

  • Field - the rows inside it
  • Panel - when the group wants a frame

Back to top

MIT licensed. Pre-1.0 - the surface is still moving.