Fieldset
<gcds-fieldset>

Also called: form field.

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

• GitHub
• Figma

Take a look at what problems fieldsets solve to see if they fit the problem you're solving for.

Problems fieldsets solve

Use a fieldset to group together related form elements or components so they're perceivable when:

• A set of options corresponds to the same question, like with radios or checkboxes.
• Several questions in a flow relate to the same topic, like a set of inputs or other combination of form components.
• Logically grouping form elements or components helps support understanding and usability.

Related components

Inputs or text areas when you are requesting a written response from a person.

Pagination when you are spreading form elements across multiple pages.