Fieldset

Used for grouping related inputs within a form.

columns

Usage

Do

Always include a legend (the fieldset label) describing the form.

Design properties

Property Values Default
Description Text string Description
Icon InstanceSwap Icon bookmarks / bookmark-16
Support link Text string Learn more
Show icon Boolean true | false true
Disabled Variant Off | On Off
Show description Variant Off | On Off
Show support link Variant Off | On Off

Variants

With icon

Fieldset

With description

Fieldset
Fieldset

With heading as a legend

Supports any of our official heading levels - see typography.

Fieldset

States

Disabled

Note we do not apply the muted color effect to the legend, or to any of the solo input (e.g. the radio alone) themselves, just the label and description of inputs.

Fieldset

Changelog

Date

Version

Notes

Fieldset

1.0.0

First release of Fieldset component documentation.