Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

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

...

State

Icon Button

Icon Button + label

Icon Menu Button

Regular

Image RemovedImage Added

Hover

Image RemovedImage Added

Active

Image RemovedImage Added

Disabled

Image RemovedImage Added

Focused

Image RemovedImage Added

Focused + Hover

Image RemovedImage Added

Focused + Active

Image RemovedImage Added

Focused + Disabled

Image RemovedImage Added

Interaction

Clicking on the button will either initiate an action or set the button to an active state (in toggle icon buttons)

...