Skip to main content

Button

In this section you can customize the buttons on the user interface. You can edit the background and the text color of the buttons in the different combinations of priorities and statuses.

Button priority

  • Primary: A primary button is used to to call attention to an action on a form or to highlight call to action on a page.

  • Secondary: Secondary buttons are used in connection with a primary button, such as "Cancel" as an alternative action.

  • Tertiary: Tertiary buttons are used for minor or optional actions, such as "Learn more" or "Help".

Button statuses

  • disabled: The button is inactive and the user can't click or interact with it.

  • focused: The button is currently selected for interaction via keyboard navigation or other accessibility tools.

  • hovered: The mouse cursor is currently hovering over the button.

  • active: This status shows interaction is happening - after pressing but before releasing the button.

In this section: