Skip to end of banner
Go to start of banner

Check Box

Skip to end of metadata
Go to start of metadata

You are viewing an old version of this content. View the current version.

Compare with Current View Version History

« Previous Version 22 Next »

 Expand for table of Content

Description

ONGOING 

Use checkboxes to allow people to select 1 or more options. 

Types

Type
Usage
Single checkboxA checkbox is an on/off toggle for a single item. It lets the user set a binary value (such as “true/false”) and can be selected or unselected.
Checkbox groupAny number of checkboxes in a group of checkboxes can be selected at the same time. Checkboxes are independent of one another.

Usage & Behavior

General guidelines

  • If it is disabled, the cursor will indicate that the selection cannot be made.
  • Checkboxes require the use of a button to apply the settings once they are selected.
  • Only one option that can be selected or deselected, e.g. accept terms of use. use a single checkbox.

  • A group or a list of options that can be selected independently of each other. use checkbox group.

  • Do not use a checkbox (or a checkbox group) if:
    • Space is constrained → use a DropDown menu.
    • The user needs to select a single mutually exclusive choice within a group → use Radio Buttons.
    • The user may need to enter a choice that is not pre-defined → use a Combo Box.
    • The user needs to select from a range of values → use a Slider.
    • If the user needs to choose multiple options from a large list → consider using a multi combo box instead.

States

Interaction



Validation and Errors


Best practices

 Use positive and active wording for checkbox labels, so that it's clear what will happen if the box is checked. Avoid negative statements such as "Don't send me more emails", which would mean that the user would have to check the box in order for something not to happen.

Design

Zeplin Link
Thumbnail
https://zpl.io/2jGkQWV



Current appearances in our products


 Expand to view products and screenshots


system management | enterprise | associations 

Recording management | data sources | settings


WFM Calendar





New LUX design 


  • No labels