Variants
Sizes
Form Example
Disabled
Props
| Prop | Type | Description |
|---|---|---|
| variant | "default" | "outline" | "solid" | Visual style |
| size | "sm" | "md" | "lg" | Checkbox size |
| checked | boolean | Controlled checked state |
| defaultChecked | boolean | Initial checked state |
| onCheckedChange | (checked: boolean) => void | Change handler |
| disabled | boolean | Disable interaction |
| className | string | Additional classes |
Usage
<Checkbox id="terms" />
<Label htmlFor="terms">I agree</Label>
<Checkbox variant="solid" size="lg" defaultChecked />
<Checkbox disabled />