Check boxes

Use check boxes when users can select multiple items or options. Users tap a check box to select or clear it.

You can use check boxes to allow users to select items before applying an action. For example, users can select multiple pictures and then delete them. If you have only a few options to present to the user, consider using toggle switches instead.

This screen shows check boxes.

Best practices

  • Do not start an action when users select a check box. For example, do not open a new screen on the select action.
  • Group and order check boxes logically. For example, group related options together or include the most common options first.
  • Avoid ordering check boxes alphabetically. Alphabetical order is language-specific.
  • Use clear, concise labels. Verify that the label clearly describes what occurs when users select the check box.
  • Use positive labels where possible. For example, use "Show" instead of "Hide."
  • Place labels on the right side of check boxes.
  • Use sentence case capitalization for the individual check boxes in a group. Capitalize the first word and any other word that requires capitalization (such as a proper noun).
  • Do not use end punctuation.

Got questions about leaving a comment? Get answers from our Disqus FAQ.

comments powered by Disqus