Checkbox
Single boolean choice, with an indeterminate state for "select all" patterns.
States
<Checkbox name="news" label="Newsletter" checked />
<Checkbox name="terms" label="Terms" />
<Checkbox name="locked" label="Locked" disabled />Indeterminate (select all)
<Checkbox name="all" label="Select all" indeterminate />Props
| Prop | Type | Default | Description |
|---|---|---|---|
name | string | - | Form field name. |
value | string | - | Submitted value. |
checked | boolean | false | Initial state. |
indeterminate | boolean | false | Dash state (visual + .indeterminate). |
label | string | - | Or use the default slot. |
Accessibility
- Native input styled with
appearance: none: full keyboard and AT support. - Focus ring via
:focus-visible. - Space toggles, label click toggles.