Checkbox
A control that allows the user to toggle between checked and not checked.
Installation
npx shadcn@latest add https://spoke.georgedrury.co.uk/r/checkboxLineage
Spoke utility classes
| Class | Fallback chain | Description |
|---|---|---|
--checkbox-radius | var(--form-control-radius, 4px) | Border radius for checkbox |
--checkbox-border | var(--input) | Border colour for checkbox |
--checkbox-background | transparent | Background colour for checkbox |
--checkbox-checked | var(--primary) | Colour for checked checkbox variant |
--checkbox-checked-foreground | var(--primary-foreground) | Text/icon colour for checked checkbox variant |
--checkbox-checked-border | var(--primary) | Border colour for checked checkbox variant |
--shadow-checkbox | var(--shadow-xs) | Box shadow for checkbox |