Checkbox

Checkbox input with indeterminate support.

import { Checkbox } from "@ps1ui/core";

States

<Checkbox aria-label="Unchecked" />
<Checkbox aria-label="Checked" defaultChecked />
<Checkbox aria-label="Disabled" disabled />
<Checkbox aria-label="Disabled checked" disabled defaultChecked />

With a label

<Stack direction="row" gap="sm" align="center">
  <Checkbox id="agree" />
  <Label htmlFor="agree">I agree to the terms</Label>
</Stack>

Props

PropTypeDefaultDescription
indeterminatebooleanfalse

Render the indeterminate ("mixed") visual state. Purely visual — checked is unaffected.

All native <input> attributes are also accepted except type.