Bride Show Dubai is part of the Informa Markets Division of Informa PLC

Informa
Informa

Button

Usage

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

Example

From left to right: DefaultPrimarySecondaryLightDarkCTA VariantCTA Variant 2

Example buttons

Authoring

Configure Dialog

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

Button Properties

Properties Tab

Property Description
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

 

Note

You can have a button that is either a combination of the following properties:

  • Text, link, and icon.
  • Text and link.
  • Link and icon.

You also have the option to open the link in a new window.

 

Using Icons

Click the icon picker to incorporate an icon to the button.

Button Icons

Styles

The button comes with a number of available styles that will be customized for your specific site and theme. You can use the styles selector to pick a style for your button.

Button Styles in Toolbar

Button Styles

Button Styles

Available Styles

  • Primary
  • Secondary
  • Light
  • Dark
  • CTA Variant
  • CTA Variant 2