Multiple choice
Use the multiple choice component when it should be possible to select several choices from a list of options.
Live Demo
Modifier/Option
State
Add-on
Available Components
| Component | Description |
|---|---|
| Checkboxes | Used in multiple choice scenarios. It is possible to deselect a choice if the user makes an incorrect input. |
| Checkboxes with exclusive choices | Used in multiple choice scenarios and if certain choice combinations are invalid. This component acts like a checkbox, with the additional functionality that one of the choices prevents the selection of any other choice. |
Usage Scenarios
- Checkboxes are used when the user has to choose between a number of options and when it is possible to select more than one option. One advantage of the checkbox component is that all choices are visible immediately, making them easy to detect.
- In some cases, it is necessary to ensure that a certain choice prevents the user from subsequently interacting with the remaining choices. If so, checkboxes with exclusive choices can be used, to ensure that a certain choice resets other choices.