...
for a list where the user can select multiple options, including all, some, or none.
as a single checkbox which the user can check or uncheck, for example to show an agreement.
...
The checkbox control allows 3 modes:
...
Please refer to Field validation page for more information.
...
Best practices
Use:
when the user needs to select or deselect one or more options.
when the options needs to be visible.
...
The default state of a group of checkboxes is having no option selected.
If the number of checkboxes is large, consider grouping them into smaller logical groups.
Checkboxes should be listed in a logical order, such as
grouping highly related options together, or
placing most common options first, or
following some other natural progression.
Alphabetical ordering isn't recommended because it is language dependent, and therefore not localizable.
It’s recommended to align checkboxes vertically, not horizontally.
Write the label as a short phrase or an imperative sentence. Do not use ending punctuation.
Use positive and active wording for checkbox labels. Avoid negative statements.
Accessibility Compliance
Unless otherwise specified, see our general compliance information in Fundamentals - Accessibility.
Focus management
Keyboard | Description |
Tab | Navigates to the next component. |
Shift + Tab | Navigates to the previous component. |
Space | Applies or Removes the check ✓. |
Enter | N/A |
Esc | N/A |
Arrows | N/A |
...