Checkbox

Tri-state (checked / unchecked / indeterminate) opt-in. aria-checked supports "mixed".

Inspired by Apple HIG Toggles, Radix Checkbox, WAI-ARIA APG.

Preview

What it looks like.

The header checkbox shows indeterminate when some-but-not-all rows are picked. Apple HIG: changes are deferred until you click an explicit Apply button.

All folders (2 of 5)spec/docs/apps/packages/website/

Live — the real component, scoped to this frame.

Usage

Drop it into your app.

import { Checkbox } from '@locara/components'

<Checkbox
  checked={value}   // boolean | "indeterminate"
  onCheckedChange={setValue}
  aria-label="Telemetry enabled"
/>

Or copy the source into your repo: locara add checkbox