Buttons should be used as primary and secondary calls-to-action that indicate the highest-priority calls-to-action on a page. They should be used for navigation between pages, task flows and applications and other crucial actions.
Links should be used for browsing from page to page.
A general rule of thumb is, Buttons are for Actions and Links are for Navigation.
Use for highest priority purchase actions or actions that lead users toward a purchase.
Use when the system is awaiting the user to take action before the primary purchase button is enabled. The reason for the button appearing disabled/inactive should be clear to the user.
Use for highest priority non-purchase actions.
Use when the system is awaiting the user to take action before the primary non-purchase button is enabled. The reason for the button appearing disabled/inactive should be clear to the user.
Use as a secondary call-to-action or alone when there is no primary purchase or primary non-purchase call-to-action. When used with a primary call-to-action, this button should be placed in a subordinate position with a max of 2 secondary buttons.
Use when the system is awaiting the user to take action before the secondary button is enabled. The reason for the button appearing disabled/inactive should be clear to the user.
Use for highest priority purchase actions, and you want the button to span the width of the container.
Use for highest priority non-purchase actions, and you want the button to span the width of the container.
Use as a secondary call-to-action or alone when there is no primary purchase or primary non-purchase call-to-action, and you want the button to span the entire container. When used with a primary call-to-action, this button should be placed in a subordinate position with a max of 2 secondary buttons.
Use for highest priority purchase actions or actions that lead users toward a purchase. Use of this button is limited to data tables only.
Use for highest priority non-purchase actions. Use of this button is limited to data tables only.
Use as a secondary call-to-action or alone when there is no primary purchase or primary non-purchase call-to-action. When used with a primary call-to-action, this button should be placed in a subordinate position with a max of 2 secondary buttons. Use of this button is limited to data tables only.
