...
Example for a table with a row of buttons from different types (icon, Icon + name, split) at the top
...
Types
...
Type
...
Image
...
Used for either main or secondary actions on the page/pane/dialog | ||
Used for toolbars and displays where words won’t comfortably fit alongside icons. | ||
Used when there are several possible related actions, and one main action (e.g most frequently used). | ||
Used to quickly switch between two possible (e.g. ON/OFF) | ||
Ribbon buttons | Used in the ribbon pattern. see Ribbon button. |
...
Interaction (general for all buttons)
When hovering, Mouse cursor change |
...
from pointer |
...
...
To Hand |
Clicking (pressing and releasing the left mouse button) on the button target area, will initiate its action
...