Lead: Asaf Ben-Oved
| Status | ||||
|---|---|---|---|---|
|
| Table of Contents |
|---|
Description
Use for toolbars and displays where words won’t comfortably fit alongside icons.
May also be used as a menu button.
...
See example:
...
Usage & Behaviour
General guidelines
...
Use this type when you want to draw more attention to the button, or when an icon helps to clarify or convey more meaning.
...
Can act differently by switching between 2 connected icons
Can be either Active or disabled
Unlike the regular icon button their Active state is Black. Disabled state is the same as all icon buttons
Tooltips for icon toggle buttons will present the next available action.
For example, the tooltip for lock would be "Unlock".
Best practices
Use a vertical separator for groups of actions to separate by meaning
Use:
when the Icon’s meaning is unambiguous.
Consider pairing with a Tooltip to describe the Icon’s underlying action
...