---
title: CheckboxGroup
category: Forms
summary: Manage a group of checkboxes with one value and one callback.
---

```jsx live
render(() => {
  const [value, setValue] = React.useState(['One', 'Three'])
  return (
    <CheckboxGroup
      name="checkbox-group"
      value={value}
      onChange={(value) => {
        console.log(value)
        setValue(value)
      }}
    >
      <StackView axis="horizontal" spacing={2}>
        {['One', 'Two', 'Three', 'Four'].map((value) => (
          <Checkbox key={value} value={value} label={value} />
        ))}
      </StackView>
    </CheckboxGroup>
  )
})
```