Form Inputs

Checkbox Group

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

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

Notifications

Orientation#

Toppings

Disabled#

Notifications

Controlled#

Notifications
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