Title

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

Github URL
Adobe URL
Source URL
Title
Standard
Content

Default title without any configuration. The title is taken from the current page.

Result

Title

Properties:
jcr:primaryType: nt:unstructured
jcr:createdBy: admin
jcr:lastModifiedBy: admin
jcr:created:
jcr:lastModified:
sling:resourceType: core/wcm/components/title/v2/title
Markup:
<div class="title">
  <div data-cmp-data-layer="{&quot;title-e8a4f1e792&quot;:{&quot;@type&quot;:&quot;core/wcm/components/title/v2/title&quot;,&quot;repo:modifyDate&quot;:&quot;2018-12-07T12:50:54Z&quot;,&quot;dc:title&quot;:&quot;Title&quot;}}" id="title-e8a4f1e792" class="cmp-title">
    <h1 class="cmp-title__text">Title</h1>
  </div>
</div>
JSON:
{"id":"title-e8a4f1e792","linkDisabled":false,"type":"h1","text":"Title",":type":"core\/wcm\/components\/title\/v2\/title","dataLayer":{"title-e8a4f1e792":{"@type":"core\/wcm\/components\/title\/v2\/title","repo:modifyDate":"2018-12-07T12:50:54Z","dc:title":"Title"}}}
PostCSS: CSS:

By mchavez

Hi, I am Michael Chavez, a web developer based in San Francisco, California. I started Space-Rocket in 2012 to make custom content management systems that are tailored to business needs.

Leave a comment

Your email address will not be published. Required fields are marked *