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

Image Added


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 to view products and screenshots


    Image Added




Current appearances in our products


Expand
titleExpand to view products and screenshots
orderupdate





New LUX design 


...