Checkbox

Boolean (or tri-state via indeterminate) input.

Basic usage

I agree to the terms

Example

Indeterminate

Some items selected

Sizes

xssmmdlgxl

Accessibility

• Renders a native <input type="checkbox"> for full assistive-tech support.
• aria-checked="mixed" is applied automatically when indeterminate.
• Space toggles state.

API

Props

Name	Type	Default	Description
value	CheckboxValue	false	—
label	string	undefined	—
disabled	boolean	false	—
indeterminate	boolean	false	—
size	EpSize	undefined	—
hue	EpHue	"information"	—
ariaLabel	string	undefined	—
describedBy	string	undefined	—
name	string	undefined	—
nativeValue	union	undefined	Used when this checkbox is one of many sharing an array value

Events

Event	Payload	Description
update:value	{"names":["CheckboxValue"]}	—
change	{"names":["CheckboxValue"]}	—
focus	{"names":["FocusEvent"]}	—
blur	{"names":["FocusEvent"]}	—

Slots

Slot	Scope	Description
default	—	—