category | state | created | updated |
---|---|---|---|
component design guidance |
approved |
2024-10-30 |
2024-10-30 |
The checkbox control enables users to select one or more options from a list of multiple choices, providing a straightforward way to capture user preferences.
- Checkboxes must be used to enable users to select one or more options from a list of choices.
- Checkboxes must not be used for mutually exclusive options. Instead, radio buttons should be used for such cases.
- Checkboxes should not be used for binary choices outside of forms. Instead, toggle switches should be used.
- Checkbox labels should be limited to a single line, enhancing readability and ensuring clarity for users.
- Checkboxes should utilize clear checkbox states (e.g., checked, unchecked, disabled, focused) to provide concise feedback on user interactions and enhance usability.
- 2024-10-30: Initial guidance