Skip to main content

Button

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

  • Text: Define the visible label for the button.
  • Link: Link the Button to a page, an anchor, or a document.
  • Open in New Tab: When checked, the button link will open in a new tab, otherwise it will open in the same tab.
  • Icon Selector: Optionally select an icon to display on the Button.
     

Configuring the Accessibility tab

  • Label: Enter an aria label for the Button.
     

Configuring the Styles

  • Color: Select between Dark Button (Dark blue button with White text) or White Button (White Button with link-blue text).
  • Alignment: Adjust the alignment from Left-aligned (default) to Center-aligned.

Examples

Dark Button (Default)