Checkbox Group

A series of checkboxes with a shared state.

Apples

API reference

Checkbox Group is composed together with Checkbox. Import the components and place them together:

Anatomy
import { Checkbox } from '@base-ui-components/react/checkbox';
import { CheckboxGroup } from '@base-ui-components/react/checkbox-group';

<CheckboxGroup>
  <Checkbox.Root />
</CheckboxGroup>

Checkbox Group

The foundation for building custom-styled checkbox groups.

PropTypeDefault
allValuesstring[]undefined
classNamestring | (state) => stringundefined
defaultValuestring[]undefined
disabledbooleanfalse
onValueChange(value, event) => voidundefined
render| React.ReactElement
| (props, state) => React.ReactElement
undefined
valuestring[]undefined