Checkbox
Multiple selection controls. Checkboxes allow users to select items from a list or flip a single option on/off.
Usage
Use Checkboxes when users can select multiple related options from a list. For binary settings that take effect immediately, consider using the **Switch** component.
Content
Filter Options
Selecting multiple filters for a search.
Spec
- Primitive: Built on `@radix-ui/react-checkbox`.
- Size: 20x20 pixels (h-5 w-5).
- Checked State: Background Brand Primary (#D74D0F), check icon in White.
- Unchecked State: 2px Brand Primary border, White background.
- Radius: 0.25rem (rounded-sm).
Anatomy
CHECKBOX PRIMITIVE