Button (design)

Buttons should be used in situations where users might need to take actions:

Primary Button

Primary buttons are used to indicate a primary action within a page or view. Primary buttons should only be used once per page, as overuse can cause confusion for a user. However not every page or view needs a primary button.

Secondary Button

The secondary button is used for medium emphasis. It should be used adjacent to a primary button when the action requires less prominence, or if there are multiple actions of the same importance on the page.

Outline Button

Used for general actions, navigation, and filtering.

Plain Button

When a button needs to be placed on top of a colored background or a visual, use the plain button. This button's appears in a white background.

A plain button can also be used in situations where you need a more quiet style button due to its white background.

Button labels should be written in sentence case

Avoid using multiple primary buttons on a page or view

Use an icon to convey more clarity. They should not be used for decoration.