Selection Controls
Explore our selection control component library with different styles, sizes, and configurations.
Check Buttons
Checkboxes enable users to make multiple selections or toggle independent options on or off.
Default
Checked
Disabled
Disabled Checked
Check Buttons With Labels
Labeled checkbox examples for forms and grouped options.
Radio Buttons
Radio buttons allow users to make a single selection from a set of mutually exclusive options.
Default
Selected
Disabled
Disabled Selected
Radio Group
Controlled radio group behavior using React state.
Toggle Buttons
Toggle buttons represent binary on/off states for settings or features.
Off
On
Disabled Off
Disabled On
Toggle Sizes
Size variants to adapt toggles to dense or spacious layouts.
Base
Small
Toggle With Labels
Labeled toggles for settings panels and preference forms.