Toggle a single option on or off, or select multiple items
Supports a third "mixed" state for cases like a parent checkbox that controls a partially selected group. Use Radio Button when only one choice should be selected at a time.
Default
Unchecked
Checked
Indeterminate
Compact
Unchecked
Checked
Indeterminate
States
Disabled, unchecked
Disabled, checked
Disabled, indeterminate
Group, vertical
Notifications
Email
SMS
Push
Group, horizontal
Toppings
Cheese
Pepperoni
Olives
Anchovies
Group, compact
Preferences
Dark mode
Notifications
Auto-save
// From the npm package
import { Checkbox } from 'rift-ds/components/Checkbox/Checkbox';
// Or as source you own, via the shadcn CLI
npx shadcn@latest add https://rift-ds.com/r/checkbox.json