Skip to content

Button (v1)

Button component written in HTL.


  • Linkable to content pages, external URLs or page anchors.
  • Allows an icon identifier to be configured for rendering an icon.
  • Style System support.

Use Object

The Button component uses the com.adobe.cq.wcm.core.components.models.Button Sling model as its Use-object.

Edit Dialog Properties

The following properties are written to JCR for the Button component and are expected to be available as Resource properties:

  1. ./jcr:title - defines the button text
  2. ./link - defines the button link
  3. ./icon - defines an icon identifier for rendering an icon
  4. ./accessibilityLabel - defines an accessibility label for the button

BEM Description

BLOCK cmp-button
    ELEMENT cmp-button__text
    ELEMENT cmp-button__icon
        MOD cmp-button__icon--<icon>


If you were involved in the authoring of this component and are not credited above, please reach out to us on GitHub.

You can’t perform that action at this time.