Versions Compared

Key

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

...

There are 5 button types defined here.

Image Modified

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

Image Modified

Types

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).

Toggle Buttons

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

Ribbon Buttons

Use within the Ribbon component.

...