Fieldset
<gcds-fieldset>

Also called: form group.

A fieldset is a group of multiple form components or elements.

• GitHub
• Figma

Build a fieldset

Use a fieldset to group together related form elements or components.

Coding and accessibility for fieldsets

Heading hierarchy

Use the legend-size attribute to visually place the legend among the headings on the page. Set the attribute value to h2 | h3 | h4 | h5 | h6 to render the fieldset legend to the appropriate size.

Keep hint text static and perceivable

Maintain the default hint attribute to provide additional context so a person can provide a complete value and avoid an error state. This places hint text under the fieldset legend and above the grouping.

Get your code

Generate an instance of the component you need by selecting its code properties.

1. Explore by choosing different code values to generate the instance you want.

2. Get the code and pull it into your environment.

3. Add any copy you need to the component (like text for a label).

Note: The code builder uses English for all code elements, which follows standard practice.