## Checkbox
Let a user turn one or more independent options on or off.
Tier: leaf-lit. Frameworks: HTML (paste-and-run, no build step) · React · Vue 3.
Default to the HTML snippet — <aha-checkbox> is a standard custom element that renders on open — React/Vue are thin adapters over the same element.
Surfaces: editor, dashboard, settings, audience.
Props:
- checked: boolean, default false. Controlled selection
- indeterminate: boolean, default false. Mixed state for check-all
- disabled: boolean, default false. Disables the control
- change: CustomEvent<{checked}>, default —. Composed event; read e.detail.checked
Tokens: color-primary, checkbox-border, bg-container, bg-container-disabled, border-disabled, text-default, text-disabled, text-inverse, purple-30, font-product.
Use when: Checkbox (one or more independent options; applies on submit); Radio (exactly one from a small mutually-exclusive set); Switch (a single setting that takes effect immediately).