UltraCX - Button

Use a button to indicate an action a user can take and to let them start carrying it out. Button labels say what action will occur when the user interacts with it.

Only use a button when the page has a call to action. Don't use buttons when sending users to other locations on the page or to other pages or sites.

Usage

• Highlight a key call to action.
• So long as it also helps users carry out its identified action, a button can link to internal and external pages.
• Use verbs in the button label, for example, 'Submit now', 'Cancel booking', etc
• Avoid using more than 4 words in the button label.
• Avoid using inactive buttons.

Variants

Buttons are styled for their specific purposes. Button variants include:

• Primary site colour
  
• Secondary site colour
  
• Transparent