| Table of Contents | ||||||
|---|---|---|---|---|---|---|
|
Description
Buttons allow the user to perform a defined single action, such as navigating to a different view, choosing an option, or completing a task. These actions are always in context, relating to a container the container it's located in, such as a screen, form, wizard, popup, popover, etc..There are 5 button types defined here.
 |
 |
Example of a table with a row of buttons of different types at the top.
 |
Types
Type | Image | Usage |
 | Use for primary and secondary actions. | |
 | Use in areas where dialog buttons won’t comfortably fit, such as toolbars and tables. | |
 | Use when there are multiple related actions, with one primary action (e.g. the most frequently used). | |
 | Use to quickly switch between binary options, e.g. On/Off. | |
 | Use within the Ribbon component. |
...
A trigger area. When selected, this performs an action.
A label. This can be text, an icon, or both.
These elements appear differently depending on the button typeFor more information see button types above.
Placement and Positioning
...