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>

Props API#

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>

Usage Insights#

CheckBoxGroup

	Project Name	Paragon Version	Instance Count
	studio-frontend	3.4.8	1

Leave feedback

Paragon Design System

Theme

CheckBoxGroup

Basic Usage

Props API#

Usage Insights#

CheckBoxGroup

All components (A-Z)

Theme

CheckBoxGroup

Basic Usage#

Props API#

Usage Insights#

CheckBoxGroup

All components (A-Z)

Basic Usage