UI Elements

Checkboxes are used to let a user select one or more options of a limited number of choices.

Checkboxes let a user select one or more options from a selection of choices.

  • Each checkbox should have two states – on and off.
  • Should always be aligned left and presented vertically
  • Clicking on the label text should toggle the checkbox

Things to avoid

Avoid listing checkboxes horizontally as this is visually distracting.

Always ensure that the clicking the label text toggles the checkbox.

This text is not clickable
    Upload file