◇

Checkbox

2 parts

Anatomy

Import the parts and compose them. Each part forwards attributes to its underlying element.

vue

import {
  CheckboxIndicator,
  CheckboxRoot,
} from '@robonen/primitives/checkbox';

<CheckboxIndicator>
  <CheckboxRoot />
</CheckboxIndicator>

Indicator

Prop	Type	Default	Description
`forceMount`?	`boolean`	—	Keep mounted even when unchecked (for CSS exit animations).

Root

Prop	Type	Default	Description
`defaultChecked`?	`CheckedState`	—	Uncontrolled initial checked state.
`disabled`?	`boolean`	—	Disable interaction.
`required`?	`boolean`	—	Mark associated hidden input as required.
`name`?	`string`	—	Hidden input name attribute.
`value`?	`string`	`'on'`	Hidden input value attribute.