Skip to content

Latest commit

 

History

History
22 lines (16 loc) · 1.16 KB

1006-checkbox-design-guidance.md

File metadata and controls

22 lines (16 loc) · 1.16 KB
category state created updated
component design guidance
approved
2024-10-30
2024-10-30

Checkbox Design Guidance

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.

Guidance

  • 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.

Changelog

  • 2024-10-30: Initial guidance