Skip to Content
DocsForm InputsCheckbox Group

Checkbox Group

A checkbox group allows a user to select multiple items from a list of options.

Email
SMS
Push

Orientation

Cheese
Mushrooms
Peppers

Disabled

Email
SMS

Controlled

Email
SMS
Push
Selected: email

Component props

NameTypeDescription
labelstringLabel text displayed above the group
valuestring[]Controlled selected values
defaultValuestring[]Default selected values
orientationstring"vertical" | "horizontal" (default: "vertical")
isDisabledbooleanDisables all checkboxes in the group
onChange(value: string[]) => voidCalled when the selection changes
childrenReactNodeCheckbox components with value props