Menu
Sidera/Components/Checkbox

Checkbox

Checkboxes let people select one or more independent options, or toggle a single setting on and off.

CategoryForms
StatusStable
01Overview

Use a checkbox for independent choices where each option stands on its own. For one-of-many, reach for a radio group instead.

02States
03Properties
PropTypeDefault
checkedboolean
defaultCheckedbooleanfalse
indeterminatebooleanfalse
onCheckedChange(checked) => void
disabledbooleanfalse
labelReactNode
04Accessibility
  • Built on Base UI — full keyboard operation (Space toggles) and correct roles.
  • Label is associated with the control; the whole row is a hit target.
  • Visible 3px focus ring; indeterminate state exposed to assistive tech.