Separator

Separator displays a horizontal line on the page for dividing sections of content.

Github URL
Adobe URL
Source URL
Title
Standard
Content

Separator is simply a horizontal rule rendered on the page and can be used for dividing sections of content.

Result

Properties:
jcr:primaryType: nt:unstructured
jcr:createdBy: admin
jcr:lastModifiedBy: admin
jcr:created:
jcr:lastModified:
sling:resourceType: core/wcm/components/separator/v1/separator
Markup:
<div class="separator">
  <div id="separator-cc11e67e10" class="cmp-separator">
    <hr class="cmp-separator__horizontal-rule">
  </div>
</div>
JSON:
{":type":"core\/wcm\/components\/separator\/v1\/separator"}
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 *