Versions Compared

Key

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

...

Example of a table with a row of buttons of different types at the top.

Types

Type

Image

Usage

Dialog Buttons

Use for primary and secondary actions.

Icon Buttons

Use in areas where dialog buttons won’t comfortably fit, such as toolbars and tables.

Split Buttons

Use when there are multiple related actions, with one primary action (e.g. the most frequently used).

Switch Buttons

Use to quickly switch between binary options, e.g. On/Off.

Ribbon Buttons

Use within the Ribbon component.

...