CheckboxGroup

Checkbox group with merged backgrounds for contiguous selections.

Installation

Installs the Base UI flavor. Switch in the right panel.

Basic

Inspect

API Reference — CheckboxGroup

PropTypeDefaultDescription
checkedIndicesSet<number>—Set of checked item indices. Used for merged background rendering.
childrenReactNode—CheckboxItem children.

API Reference — CheckboxItem

PropTypeDefaultDescription
labelstring—Text label for the checkbox.
indexnumber—Position index within the group.
checkedboolean—Whether this item is checked.
onToggle() => void—Called when this item is toggled.