Title

Title can be used to create headings for a page or page sections.

The title accepts more than one line of text. But remember that it is good practice not to use more than two lines of text.

You can also decide what type of heading you want to have, you can use from H1 to H6 and even DIV.

Add multiple lines to titles

Advice

To edit multiple line titles, use the wrench tool. If you use the pencil tool, title will be transformed into a single-line title.



Title Alignment

The Title component has the alignment setting functionality with which you can choose different horizontal alignment according to the design specifications.

title alignment

Title - Alignment - Left

My two natures had memory in common.


Title - Alignment - Center

My two natures had memory in common.


Title - Alignment - Right

My two natures had memory in common.



Heading type/size

The Title component has the heading type/size setting available which allows user to select proper size and type to fulfill SEO requirements

Possible options:

  • h1
  • h2
  • h3
  • h4
  • div
  • p

Heading 1

My two natures had memory in common.


Heading 2

My two natures had memory in common. Almost before


Heading 3

My two natures had memory in common. Almost before we knew it, we had left the ground.


Heading 4

My two natures had memory in common. Almost before we knew it, we had left the ground. The face of the moon was in shadow. Waves flung themselves the blue evening. It was going to be a lonely trip back



Example

The default heading level is H1, which can be configured at page template level.


Heading Type

The heading size can be configured (H1-H6).

Heading 3

  1. jcr:title: Heading 3
  2. type: h3
  3. sling:resourceType: aida-component-library/core/components/content/title
    
        

    

Heading 3