Form Inputs

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