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

Installation

Props

Slots