Lead: Asaf Ben-Oved
| Table of Contents |
|---|
Description
Used for toolbars and displays where words won’t comfortably fit alongside icons.
May also be used as a menu button.
See example:
 |
Usage & Behaviour
...
clicking on the icon will toggle between its actions
Can have 2 distinct (or opposite) actions
 | For example, a lock icon when clicked upon |
...
 | Turns to an “unlock” icon |
Tooltips for icon toggle buttons will present the next available action.
 | For example, the tooltip for lock would be "Unlock". |
...
Best practices
Use:
When the icon’s meaning is unambiguous.
Consider pairing with a Tooltip to describe the Icon’s underlying action
...