Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Expand
titleExpand for table of Content
orderupdate
Table of Contents
outlinetrue
stylesquare

Description

StatuscolourYellowtitleOngoing 

Labels List
spaceKeyUserExp

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

Expand
titleExpand for more info
orderupdate
This is best used as an alternative to checkboxes when it isn't part of a group or related states.

Related items:

    • Lorem ipsum dolor si

Behavior

If it is disabled, the cursor will indicate that the selection cannot be made.

Content guidelines 

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.

Labels

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.

Language

  • Use adjectives rather than verbs to describe labels and the state of the object affected.

    Design


    Zeplin Link
    Thumbnail



    Current appearances in our products


     Expand to view products and screenshots






Current appearances in our products


Expand
titleExpand to view products and screenshots
orderupdate





New LUX design 


...