Use buttons and links to trigger actions. Links are always text only, but buttons can contain both a clear label and
Common button types
Other button types
Button labels are sentence case and are as short as possible, but clearly explain what happens when the button is
Buttons are sorted by importance from left to right.
The only exception to the rule is when buttons are used to move through a sequence of screens (for example, in
Getting Started Guides). In those cases, the 'Back' standard button would be on the left.
Group buttons logically into sets based on usage and importance.
Make sure that button actions are clearly labeled and consistent.
The main action of a group set can be styled as a primary button.
Responsive grouped buttons
You might not always be able to show all of the buttoms due to space constrains. In this case, collapse the buttons
you don't have room to show into a drop-down menu with a ‘more’ icon.