Fieldsets & Legends
Grouping related fields helps the user more easily digest the information being asked of them and stay on track.
Overview
The legend and fieldset component allows us to group several form elements together under a higher level question or a distinct label (i.e., a legend). Use the legend and fieldset component to group related form questions, such as Mailing Address, Personal Information, or Preferences. Contain groupings within a light gray background with a colored top border to create more prominent visual separation between chunks of a larger form.
Design and Layout
- Size and arrange form fields within the Fieldset using the Grid.
- Arrange elements within each field using Input Groups, Radio Button Groups, or Checkbox Groups.
- See Forms for additional layout guidance and code examples.
Installation
Props
No records available |
Slots
No records available |