Title Component

Last update: June 24, 2025

CREATED FOR:

  • Developer
  • Admin
  • User

The Core Component Title Component is a section heading component that features in-place editing.

TIP
Have you considered Edge Delivery Services for AEM?
You can continue using the methods described in this document for existing projects. However for new projects, Adobe recommends leveraging Edge Delivery Services.

Usage

The Title Component is intended to be used as the title or heading of a section of content. The available heading levels can be defined by the template author in the design dialog. The content editor can select from available headings levels in the edit dialog. For added convenience, simple in-place editing of the heading text is also available.

Version and Compatibility

The current version of the Title Component is v3, which was introduced with release 2.18.0 of the Core Components in February 2022, and is described in this document.

The following table details all supported versions of the component, the AEM versions with which the versions of the component is compatible, and links to documentation for previous versions.

Component VersionAEM 6.4AEM 6.5AEM 6.5 LTSAEM as a Cloud Service
v3-CompatibleCompatibleCompatible
v2CompatibleCompatible-Compatible
v1CompatibleCompatible-Compatible

For more information about Core Component versions and releases, see the document Core Components Versions.

Sample Component Output

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

Technical Details

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

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

Edit Dialog

The edit dialog allows the content author to define the title text as well as select the heading level.

  • Title - If empty the page title will be used

  • Type / Size - Defines the heading level of the title

  • Link - Defines the content to which the title will link. This can be a path to a content page, an external URL, or a page anchor.

  • Open link in new tab - When checked, the link will open in a new browser tab.

  • 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.

Title Component's edit dialog

The in-place editor can also be used to edit the text of the title component.

In-place editing of Title Component