Skip to content
hightouchUI

Design system

v40.8.0

Checkbox group

Checkbox group wraps multiple related checkboxes.

Example

Usage

With badges

Guidelines

When to use

  • When there are multiple related checkboxes positioned nearby.

When not to use

  • If options are mutually exclusive, use a radio group instead.
  • If the list of options is long, use a multi select instead.

Content

  • See content guidelines for checkbox component.
  • Each checkbox must have label and ideally a description.
  • If at least one checkbox has a description, add description to all the remaining checkboxes in the same group.

Props

Inherits margin props.

NameDefaultDescription
children

ReactNode

Checkboxes.