Components
Checkbox

Checkbox

The Checkbox is a widely used input component for toggling between checked and unchecked states. It supports basic, controlled, and indeterminate states.

API Reference

Root

PropTypeDefault
asChild
boolean
checked
CheckedState
defaultChecked
CheckedState
dir
'ltr' | 'rtl'
"ltr"
disabled
boolean
form
string
getRootNode
() => ShadowRoot | Node | Document
id
string
ids
Partial<{ root: string hiddenInput: string control: string label: string }>
invalid
boolean
name
string
onCheckedChange
(details: CheckedChangeDetails) => void
required
boolean
value
string
"on"

Label

PropTypeDefault
asChild
boolean

Control

PropTypeDefault
asChild
boolean

Indicator

PropTypeDefault
asChild
boolean