Balance Logo
Balance
Reckon Design System

Fieldset

Used to group several controls and labels within a form.
Install
pnpm add @reckon-web/fieldset
Import usage
import {
Fieldset
} from '@reckon-web/fieldset';
  • Code
  • API

Alternatives

  • CheckboxGroup — For grouped checkboxes.
  • RadioGroup — For grouped radio buttons.

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.

Edit in Playroom

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.

Copyright © 2022 Reckon. Designed and developed in partnership with Thinkmill.
Bitbucket logoJira software logoConfluence logo