Forms

Checkbox

Square box with a stroked-on tick, an indeterminate state, and a Material touch halo around a 44px target.

Checkbox

import { Checkbox } from '@anomalia/ui';

Notes

The real <input> stays in the DOM, so forms, labels and screen readers behave natively.
indeterminate is a DOM property, not an attribute — the component syncs it for you.

The tick is stroked on rather than faded in, and the 20px box carries a 44px hit area with a Material state halo.

Prop	Type	Default	Description
`checked`	`boolean`	—	Bindable state.
`indeterminate`	`boolean`	`false`	Dash state for partial selections.
`label / hint`	`string`	—	Row text.
`size`	`'sm' \| 'md'`	`'md'`	16 / 20px box.

Every component also forwards the native attributes of its root element, plus class, so anything not listed here still works.