A wrapper for related form fields.
Component
Fieldset
28 examples
GroupBox
98.css
- CSS
- Code examples
- Open source
Field set
Backpack
Skyscanner
- Mobile
- React
- Code examples
- Usage guidelines
- Open source
- Tone of voice
Input group
Bootstrap
- Sass
- Code examples
- Accessibility
- Open source
Form group
Cedar
Recreational Equipment, Inc.
- Vue
- Sass
- CSS Modules
- Usage guidelines
- Code examples
- Open source
Form fieldset
Coral
Talend
- React
- Code examples
- Tone of voice
- Open source
ChoiceGroup
Fluent UI
Microsoft
- React
- Web Components
- Mobile
- Usage guidelines
- Code examples
- Accessibility
- Open source
Fieldset
Gestalt
Pinterest
- React
- CSS
- Code examples
- Open source
- Usage guidelines
Fieldset
GOV.UK Design System
- Nunjucks
- Code examples
- Usage guidelines
- Research
- Open source
Fieldset
Headless UI
Tailwind Labs
- React
- Vue
- Code examples
- Accessibility
- Open source
Selection group
Helsinki Design System
City of Helsinki
- React
- CSS
- Code examples
- Usage guidelines
- Accessibility
- Open source
FormFieldGroup
Instructure-UI
Instructure
- React
- CSS-in-JS
- Code examples
- Accessibility
- Open source
FieldGroup
Jøkul Designsystem
Fremtind Forsikring
- React
- Sass
- Code examples
- Usage guidelines
- Open source
Fieldset
Morningstar Design System
- Vue
- Usage guidelines
Field Set
Mozilla Protocol
- Handlebars
- Sass
- Usage guidelines
- Open source
Fieldset
Nessie
Nederlandse Spoorwegen
- Web Components
- Tailwind CSS
- Usage guidelines
- Code examples
Fieldset
NHS Digital service manual
- Nunjucks
- Code examples
- Usage guidelines
- Research
- Tone of voice
- Open source
Fieldset
Nord Design System
Nordhealth
- Web Components
- Code examples
- Usage guidelines
Fieldset
Nucleus Design System
British Gas
- Web Components
- Usage guidelines
Fieldset
ONS Design System
Office for National Statistics
- HTML
- Nunjucks
- Sass
- Code examples
- Usage guidelines
- Accessibility
- Open source
Choice group
Orbit
Kiwi.com
- React
- CSS-in-JS
- Usage guidelines
- Open source
- Code examples
- Tone of voice
Input group
Orbit
Kiwi.com
- React
- CSS-in-JS
- Usage guidelines
- Open source
- Code examples
- Tone of voice
Fieldset
Porsche Design System
- Web Components
- Angular
- React
- Vue
- Code examples
- Open source
Option group
Quasar Framework
- Vue
- Accessibility issues
- Code examples
- Open source
Fieldset
Ruter Components
- React
- Code examples
- Unmaintained
Form Block
Ruter Components
- React
- Code examples
- Unmaintained
Form Group
Ruter Components
- React
- Code examples
- Unmaintained
Fieldset
Seeds
Sprout Social
- React
- Code examples
- Usage guidelines
- Tone of voice
Related components
Form
31Â examples
A grouping of input controls that allow a user to submit information to a server.
Radio button
98Â examples
Other names: Radio, Radio group
Radio buttons allow a user to select a single option from a list of predefined options.
Checkbox
95Â examples
An input for choosing from predefined options:
- when used alone, it gives a binary choice (checked/unchecked);
- in a group it allows the user to select multiple values from a list of options.