Skip to main content

Button

Description

The Button component by design, gets the attention of the user and calls them to take action. The action can be in the form of navigating to another page, or submitting data such as a form.

Authoring

The Button component is used for a call to action. You can use it to link to a page, internal or external, anchored link, or a document.

Configuring the Properties tab

  • Define the button label.
  • Link the Button to a page, an anchor, or a document.
  • Enable the Button to open in new tab as needed.
  • Select an icon for the Button as needed.

Configuring the Accessibility tab

  • Enter an aria label for the Button.

Configuring the Styles

  • Adjust the color from dark (dark background and white text) to white (white background and dark text) as needed.
  • Adjust the alignment from left aligned to center aligned as needed.

Examples

Dark Button (Default)

White Button