Button Component (v1)

The Core Component Button component allows for the configuration and display of a button item on a page.

Usage

The Core Component Button component allows for the inclusion of a button on a page.

The document describes v1 of the Button Component, which was introduced with release 2.5.0 of the Core Components in June 2019.

CAUTION

This document describes v1 of the Button Component.

For details of the current version of the Button Component, see the Button Component document.

To experience the Button Component as well as see examples of its configuration options as well as HTML and JSON output, visit the Component Library.

The latest technical documentation about the Button Component can be found on GitHub.

Further details about developing Core Components can be found in the Core Components developer documentation.

The configure dialog allows the content author to define the button and how it will behave and appear for a visitor to the page.

Text - The text to display on the button
Link - Link to a content page within AEM, an external resource, or an anchor
- Use the Selection Dialog to choose a path within AEM.
Icon - Identifier for displaying an icon in the button
ID - This option allows to control the unique identifier of the component in the HTML and in the Data Layer.
- If left blank, a unique ID is automatically generated for you and can be found by inspecting the resulting page.
- If an ID is specified, it is the responsibility of the author to make sure that it is unique.
- Changing the ID can have an impact on CSS, JS and Data Layer tracking.

On the Accessibility tab, values can be set for ARIA accessibility labels for the component.

The Button Component supports the AEM Style System.

The Button Component supports the Adobe Client Data Layer.