Forms & Input

Checkbox

Bare checkbox with no label, used for table-row selection and as the base for CheckboxField and CheckboxGroup.

Props

Checkbox extends ButtonHTMLAttributes<HTMLButtonElement>. Renders as role="checkbox" with aria-checked.

CheckboxProps props

Prop	Type	Default	Description
`checked`	`boolean`	—	Checked state.
`onChange`	`(checked: boolean) => void`	—	Toggle handler.
`indeterminate`	`boolean`	—	Renders the mixed dash, aria-checked='mixed'.
`size`	`"sm" \| "md"`	`"sm"`	sm for table rows, md for standalone form rows.
`disabled`	`boolean`	—	Prevents interaction.

Checked and unchecked

Indeterminate (tri-state)

Size sm vs md

Disabled checkbox

Interactive checkbox

ImportTSX

import { Checkbox } from "@solarius/onset";
import type { CheckboxProps } from "@solarius/onset";