Toggle switch

Toggle switches are used to adjust settings and turn filters on and off.

check_circle_outline

Fully implemented in LOGEX Framework.

Variants

There are two main variants: 2-state and 3-state toggle switches. The 3-state switch is used exclusively in filters to include or exclude an option.

  1. 2-state switch
  2. 3-state switch

States

The 2-state switch can be off and on. The 3-state switch can be unset, set to contain, and set to exclude.

  1. Unset (or turned off)
  2. Set (turned on or filter contains selected)
  3. Set (filter excludes selected)

Anatomy

  1. Switch
  2. Contains/Excludes tag (optional)
  3. Label (required)

Usage

Do not use the switch alone. Always include the label.

Use the toggle switch for cases when the change is applied immediately, such as in settings or filters.

Do not use toggles for lists.

Instead, use checkmarks or radio buttons.

Something missing? Contact one of the designers.