This component will be removed soon.

Refactor to use Input component and refresh checkbox designs

CheckBoxGroup

Basic Usage

Show editable code example

Any Paragon component or export may be added to the code example.

<CheckBoxGroup>
  <CheckBox
    id="checkbox1"
    name="basicCheckBox1"
    label="CheckBox 1"
  />
  <CheckBox
    id="checkbox2"
    name="basicCheckBox2"
    label="CheckBox 2"
  />
  <CheckBox
    id="checkbox3"
    name="basicCheckBox3"
    label="CheckBox 3"
  />
</CheckBoxGroup>

<CheckBoxGroup>
  <CheckBox
    id="checkbox1"
    name="basicCheckBox1"
    label="CheckBox 1"
  />
  <CheckBox
    id="checkbox2"
    name="basicCheckBox2"
    label="CheckBox 2"
  />
  <CheckBox
    id="checkbox3"
    name="basicCheckBox3"
    label="CheckBox 3"
  />
</CheckBoxGroup>

CheckBoxGroup Props API

children element[] Required
represents the CheckBox components defined within the CheckBoxGroup component and is not a specific named prop that needs to be passed in. At least one CheckBox must be defined within the group. Example: <CheckBoxGroup><CheckBox .../></CheckBoxGroup>

Contents

Basic Usage