Forms

Checkbox

Selects independent options with optional card presentation.

idle

Usage

import { Checkbox } from "@mizen-labs/ui";

Choose which updates you want to receive.

Compare mixed, unavailable, invalid, and alternate sizes.

Guidance	Practice
Do	Use a visible label for each independent choice. Put explanations beside the option they describe.

Guidance	Boundary
Scope	Use Radio Group for mutually exclusive choices. Use Switch for a setting that takes effect immediately.

Public props from @mizen-labs/ui. Use exported prop types for the complete TypeScript contract.

Prop	Type	Default	Description
`checked`	`boolean`	`false`	Controls the checked state.
`defaultChecked`	`boolean`	`false`	Sets the initial checked state.
`indeterminate`	`boolean`	`false`	Shows a mixed state, often for a partial group selection.
`disabled`	`boolean`	`false`	Prevents interaction.
`invalid`	`boolean`	`false`	Marks the control invalid for the rendered state.
`readOnly`	`boolean`	`false`	Prevents changes while keeping the value submitted.
`size`	`CheckboxSize`	`"default"`	Selects the control size.