Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Description

ONGOING 

Toggle is a control that is used to quickly switch between two possible states.

Toggles are used for binary actions that occur immediately after the user “flips” the Toggle switch. They are commonly used for “On/Off” situations.

Usage & Behavior

General guidelines


States

Interaction


Validation and Errors


Best practices

  •  Use labels with a Toggle so the action is clear. Labels should described the function of toggle and let the toggle type (icon, text etc) convey the toggles state.
    Use adjectives rather than verbs to describe labels and the state of the object affected.

    Design


    Zeplin Link
    Thumbnail
    https://zpl.io/V4pgdpV


    Current appearances in our products

     
    Expand
    titleExpand to view products and screenshots
    orderupdate

    WFM Calendar:






Current appearances in our products


Expand
titleExpand to view products and screenshots
orderupdate





New LUX design 


...