Checkbox
Allows users to turn a single option on or off, or select multiple items from a list with clear checkmarks and partial states.
2.7 KB
•Updated on August 21, 2026
Installation
Bash
pnpm dlx shadcn@latest add @spaceui/primitives-checkboxUsage
Code
import { Checkbox } from '@/components/ui/checkbox'Code
<Checkbox />Anatomy
Code
<Checkbox>
<CheckboxIndicator />
</Checkbox>Features
Sizes
Checkboxes in sm, default, and lg sizes.
Accessibility
- Follows the WAI-ARIA Checkbox Pattern.
Keyboard Interactions
| Key | Action |
|---|---|
| Space | Toggles the checkbox state between checked and unchecked. |
API Reference
Checkbox
Styled wrapper for Checkbox.Root from Base UI. Includes a built-in indicator with checkmark and indeterminate icons.
Examples
Card-style checkbox
Checkbox form