form-section.md

title	FormSection
parent	Controls and forms
grand_parent	Components

FormSection

{: .no_toc }

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