Choosing
10 components · 7 systemsControls that record a decision among options that are already on the table: on or off, one of few, one of many, a point on a range. Each block below is one system’s whole set of these components, drawn by its own package. To compare one control across every system drawn, open it from the rail.
Ant Design
9 of 10 drawn Select Select
Checkbox Checkbox
Radio button Radio
Checkbox group Checkbox.Group
Slider Slider
Toggle Switch
Content switcher Segmented
Radio button group Radio.Group
absentAnt Design does not ship filters. Nothing is drawn in its place.
Selectable tag Tag.CheckableTag
Carbon
9 of 10 drawn Select Select
Checkbox Checkbox
Radio button Radio button
Checkbox group CheckboxGroup
Slider Slider
Toggle Toggle
Content switcher Content switcher
Radio button group RadioButtonGroup
absentCarbon does not ship filters. Nothing is drawn in its place.
Selectable tag Selectable tag
GOV.UK
5 of 10 drawn Select Select
Checkbox Checkboxes
Radio button Radios
Checkbox group Checkboxes
absentGOV.UK does not ship slider. Nothing is drawn in its place.
absentGOV.UK does not ship toggle. Nothing is drawn in its place.
absentGOV.UK does not ship content switcher. Nothing is drawn in its place.
Radio button group Radios
absentGOV.UK does not ship filters. Nothing is drawn in its place.
absentGOV.UK does not ship selectable tag. Nothing is drawn in its place.
Material Web
6 of 10 drawn Select Select
Checkbox Checkbox
Radio button Radio button
absentMaterial Web does not ship checkbox group. Nothing is drawn in its place.
Slider Sliders (<md-slider>)
Toggle Switch
absentMaterial Web does not ship content switcher. Nothing is drawn in its place.
absentMaterial Web does not ship radio button group. Nothing is drawn in its place.
absentMaterial Web does not ship filters. Nothing is drawn in its place.
Selectable tag Filter chip (<md-filter-chip>)
Primer
7 of 10 drawn Select Select
Checkbox Checkbox
Radio button Radio
Checkbox group CheckboxGroup
absentPrimer does not ship slider. Nothing is drawn in its place.
Toggle ToggleSwitch
Content switcher SegmentedControl
Radio button group RadioGroup
absentPrimer does not ship filters. Nothing is drawn in its place.
absentPrimer does not ship selectable tag. Nothing is drawn in its place.
Spectrum
7 of 10 drawn Select Picker
Checkbox Checkbox
Radio button Radio button
Checkbox group Checkbox group
Slider Slider
Toggle Switch
Content switcher Segmented control
shipped, not drawn hereDocumented by the system but not drawable from the package used for the frames; see the component page for why.
Radio button group Radio group
absentSpectrum does not ship filters. Nothing is drawn in its place.
Selectable tag Tag group (selectionMode)
shipped, not drawn hereDocumented by the system but not drawable from the package used for the frames; see the component page for why.
USWDS
7 of 10 drawn Select Select
Checkbox Checkbox
Radio button Radio buttons
Checkbox group Checkbox
Slider Range slider
absentUSWDS does not ship toggle. Nothing is drawn in its place.
Content switcher Button group (segmented)
Radio button group Radio buttons
absentUSWDS does not ship filters. Nothing is drawn in its place.
absentUSWDS does not ship selectable tag. Nothing is drawn in its place.