BalanceReckon Design System

Fieldset

When to reach for Fieldset over its alternatives, and how to use its legend.

Alternatives

Usage

Whenever a caption is needed to provide information about a related set of controls consider the Fieldset component.

Example

Use the Fieldset to group thematically related controls in a form.

Legend appearance

Use the legendAppearance prop in circumstances where fields should be semantically grouped for screen readers, but presented as a single field for sighted users.

On this page