Versions Compared

Key

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

...

For a detailed explanation of how to use primary buttons, please see the Guidelines for primary buttons article. 

Secondary

Secondary buttons are used for alternative, less important actions such as "previous/next" buttons in a form or the “cancel” button in a modal. They may be used more then once per page and are often paired with primary buttons.

For a detailed explanation of how to use secondary buttons, please see the Guidelines for secondary buttons article. 

Tertiary

Tertiary buttons are used for reduced-importance actions that are not essential to the main task, such as "Edit", “Favorite” and "Delete". Tertiary buttons may be used more than once per button group and more than one tertiary button can be used on a single page.

For a detailed explanation of how to use secondary buttons, please see the Guidelines for tertiary buttons article. 

Destructive

Destructive buttons should be used sparingly to warn users of irreversible actions such as deleting data or canceling a request. Their use is meant to help further communicate to the user the importance of considering whether to proceed with the action they represent.

...