Navigieren auf

Checkbox Panel

1. What does the component do?

It provides the user with a selection of several options.

2. When should the component be used?

  • In lists with two or more options where the user can select several or no options.
  • For options which contain several pieces of information.

3. Rules

  • The title text of the options is always single-line.
  • The entire area of the option selection is clickable and changes the status.
  • The various options are always listed beneath one another.
  • Several options can be selected.
  • No selection is permitted.

4. Variants and statuses

The component has the following statuses:

  • Checked
  • Unchecked
  • Disabled checked
  • Disabled unchecked
  • Error

4.1 Standard

Image of the checkbox panel component in the standard variant

Design specification

Code specification

4.2 With info text

Image of the checkbox panel component with additional information text

Design specification

Code specification

4.3 With pictogram/logo

Image of the checkbox panel image with additional pictogram or logo

Design specification

Code specification