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
Design specification
- Checked
- Unchecked
- [Disabled checked]https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/vOQPk1#Inspector)
- Disabled unchecked
- Error
Code specification
4.2 With info text
Design specification
- [Checked]((https://www.sketch.com/s/80f12b3b-58e5-4b4c-98cd-c553bae18db0/a/GLdVeY#Inspector)
- Unchecked
- Disabled checked
- Disabled unchecked
- Error
Code specification
4.3 With pictogram/logo
