When to use toggle button ?
Toggle button is a small component that can be used in a lot of different layouts such as lists, forms, modals and so on. They are used to turn different options on or off.
Do / Don't
|
DO |
DON'T |
Use to turn feature or setting on/off.. |
Use to choose between two features. |
|
|
|
|
DO |
DON'T |
Use predifined colors for every situations. |
Use others colors to add meaning for specific situation. |
|
|
|
|
DO |
DON'T |
Use tooltip to explain what toggle button is disabled. |
Don’t explain why toggle button is disabled. |