Navigation

Navigation allows an author to build a site navigation. Navigation structures can be built from live copies of a blueprint, language copies of a language master or from a simple page tree.

Github URL
Adobe URL
Source URL
Title
Standard
Content

TODO: Update content

Result
Properties:
jcr:primaryType: nt:unstructured
jcr:createdBy: admin
startLevel: 2
skipNavigationRoot: true
jcr:lastModifiedBy: admin
jcr:created:
navigationRoot: /content/core-components-examples
showHidden: true
jcr:lastModified:
hideCurrent: false
sling:resourceType: core/wcm/components/navigation/v1/navigation
collectAllPages: true
Markup:
<div class="navigation">
  <nav id="navigation-0e123bccd2" class="cmp-navigation" role="navigation" itemscope="" itemtype="http://schema.org/SiteNavigationElement" data-cmp-data-layer="{&quot;navigation-0e123bccd2&quot;:{&quot;@type&quot;:&quot;core/wcm/components/navigation/v1/navigation&quot;,&quot;repo:modifyDate&quot;:&quot;2019-05-21T15:59:35Z&quot;}}">
    <ul class="cmp-navigation__group">
      <li class="cmp-navigation__item cmp-navigation__item--level-0" data-cmp-data-layer="{&quot;navigation-0e123bccd2-item-734f73b286&quot;:{&quot;@type&quot;:&quot;core/wcm/components/navigation/v1/navigation/item&quot;,&quot;repo:modifyDate&quot;:&quot;2021-03-17T08:17:44Z&quot;,&quot;dc:title&quot;:&quot;Config&quot;,&quot;xdm:linkURL&quot;:&quot;/content/core-components-examples/config.html&quot;}}">
        <a href="/content/core-components-examples/config.html" title="Config" data-cmp-clickable="" class="cmp-navigation__item-link">Config</a>
      </li>
      <li class="cmp-navigation__item cmp-navigation__item--level-0 cmp-navigation__item--active" data-cmp-data-layer="{&quot;navigation-0e123bccd2-item-9bee4d4454&quot;:{&quot;@type&quot;:&quot;core/wcm/components/navigation/v1/navigation/item&quot;,&quot;repo:modifyDate&quot;:&quot;2019-12-20T18:35:24Z&quot;,&quot;dc:title&quot;:&quot;Component Library&quot;,&quot;xdm:linkURL&quot;:&quot;/content/core-components-examples/library.html&quot;}}">
        <a href="/content/core-components-examples/library.html" title="Component Library" aria-current="page" data-cmp-clickable="" class="cmp-navigation__item-link">Component Library</a>
        <ul class="cmp-navigation__group">
          <li class="cmp-navigation__item cmp-navigation__item--level-1 cmp-navigation__item--active" data-cmp-data-layer="{&quot;navigation-0e123bccd2-item-1d32a567a9&quot;:{&quot;@type&quot;:&quot;core/wcm/components/navigation/v1/navigation/item&quot;,&quot;dc:title&quot;:&quot;Templating&quot;,&quot;xdm:linkURL&quot;:&quot;/content/core-components-examples/library/templating.html&quot;}}">
            <a href="/content/core-components-examples/library/templating.html" title="Templating" aria-current="page" data-cmp-clickable="" class="cmp-navigation__item-link">Templating</a>
            <ul class="cmp-navigation__group">
              <li class="cmp-navigation__item cmp-navigation__item--level-2 cmp-navigation__item--active" data-cmp-data-layer="{&quot;navigation-0e123bccd2-item-a15ec9918d&quot;:{&quot;@type&quot;:&quot;core/wcm/components/navigation/v1/navigation/item&quot;,&quot;repo:modifyDate&quot;:&quot;2020-01-16T15:15:30Z&quot;,&quot;dc:title&quot;:&quot;Navigation&quot;,&quot;xdm:linkURL&quot;:&quot;/content/core-components-examples/library/templating/navigation.html&quot;}}">
                <a href="/content/core-components-examples/library/templating/navigation.html" title="Navigation" aria-current="page" data-cmp-clickable="" class="cmp-navigation__item-link">Navigation</a>
              </li>
              <li class="cmp-navigation__item cmp-navigation__item--level-2" data-cmp-data-layer="{&quot;navigation-0e123bccd2-item-e628106fe1&quot;:{&quot;@type&quot;:&quot;core/wcm/components/navigation/v1/navigation/item&quot;,&quot;repo:modifyDate&quot;:&quot;2020-01-16T15:15:29Z&quot;,&quot;dc:title&quot;:&quot;Language Navigation&quot;,&quot;xdm:linkURL&quot;:&quot;/content/core-components-examples/library/templating/language-navigation/language-structure/us/en/language-navigation.html&quot;}}">
                <a href="/content/core-components-examples/library/templating/language-navigation/language-structure/us/en/language-navigation.html" title="Language Navigation" data-cmp-clickable="" class="cmp-navigation__item-link">Language Navigation</a>
              </li>
              <li class="cmp-navigation__item cmp-navigation__item--level-2" data-cmp-data-layer="{&quot;navigation-0e123bccd2-item-35671d6884&quot;:{&quot;@type&quot;:&quot;core/wcm/components/navigation/v1/navigation/item&quot;,&quot;dc:title&quot;:&quot;Breadcrumb&quot;,&quot;xdm:linkURL&quot;:&quot;/content/core-components-examples/library/templating/breadcrumb/hidden/level-1/level-2/breadcrumb.html&quot;}}">
                <a href="/content/core-components-examples/library/templating/breadcrumb/hidden/level-1/level-2/breadcrumb.html" title="Breadcrumb" data-cmp-clickable="" class="cmp-navigation__item-link">Breadcrumb</a>
              </li>
            </ul>
          </li>
          <li class="cmp-navigation__item cmp-navigation__item--level-1" data-cmp-data-layer="{&quot;navigation-0e123bccd2-item-a0e12c193c&quot;:{&quot;@type&quot;:&quot;core/wcm/components/navigation/v1/navigation/item&quot;,&quot;dc:title&quot;:&quot;Page Authoring&quot;,&quot;xdm:linkURL&quot;:&quot;/content/core-components-examples/library/page-authoring.html&quot;}}">
            <a href="/content/core-components-examples/library/page-authoring.html" title="Page Authoring" data-cmp-clickable="" class="cmp-navigation__item-link">Page Authoring</a>
            <ul class="cmp-navigation__group">
              <li class="cmp-navigation__item cmp-navigation__item--level-2" data-cmp-data-layer="{&quot;navigation-0e123bccd2-item-df1699a779&quot;:{&quot;@type&quot;:&quot;core/wcm/components/navigation/v1/navigation/item&quot;,&quot;repo:modifyDate&quot;:&quot;2020-01-16T15:15:41Z&quot;,&quot;dc:title&quot;:&quot;Title&quot;,&quot;xdm:linkURL&quot;:&quot;/content/core-components-examples/library/page-authoring/title.html&quot;}}">
                <a href="/content/core-components-examples/library/page-authoring/title.html" title="Title" data-cmp-clickable="" class="cmp-navigation__item-link">Title</a>
              </li>
              <li class="cmp-navigation__item cmp-navigation__item--level-2" data-cmp-data-layer="{&quot;navigation-0e123bccd2-item-e13089bf3b&quot;:{&quot;@type&quot;:&quot;core/wcm/components/navigation/v1/navigation/item&quot;,&quot;repo:modifyDate&quot;:&quot;2020-01-16T15:15:42Z&quot;,&quot;dc:title&quot;:&quot;Text&quot;,&quot;xdm:linkURL&quot;:&quot;/content/core-components-examples/library/page-authoring/text.html&quot;}}">
                <a href="/content/core-components-examples/library/page-authoring/text.html" title="Text" data-cmp-clickable="" class="cmp-navigation__item-link">Text</a>
              </li>
              <li class="cmp-navigation__item cmp-navigation__item--level-2" data-cmp-data-layer="{&quot;navigation-0e123bccd2-item-26f940ec0f&quot;:{&quot;@type&quot;:&quot;core/wcm/components/navigation/v1/navigation/item&quot;,&quot;repo:modifyDate&quot;:&quot;2020-01-16T15:15:34Z&quot;,&quot;dc:title&quot;:&quot;Image&quot;,&quot;xdm:linkURL&quot;:&quot;/content/core-components-examples/library/page-authoring/image.html&quot;}}">
                <a href="/content/core-components-examples/library/page-authoring/image.html" title="Image" data-cmp-clickable="" class="cmp-navigation__item-link">Image</a>
              </li>
              <li class="cmp-navigation__item cmp-navigation__item--level-2" data-cmp-data-layer="{&quot;navigation-0e123bccd2-item-5ce5bb112c&quot;:{&quot;@type&quot;:&quot;core/wcm/components/navigation/v1/navigation/item&quot;,&quot;repo:modifyDate&quot;:&quot;2020-01-16T15:15:37Z&quot;,&quot;dc:title&quot;:&quot;Button&quot;,&quot;xdm:linkURL&quot;:&quot;/content/core-components-examples/library/page-authoring/button.html&quot;}}">
                <a href="/content/core-components-examples/library/page-authoring/button.html" title="Button" data-cmp-clickable="" class="cmp-navigation__item-link">Button</a>
              </li>
              <li class="cmp-navigation__item cmp-navigation__item--level-2" data-cmp-data-layer="{&quot;navigation-0e123bccd2-item-bd937d6b13&quot;:{&quot;@type&quot;:&quot;core/wcm/components/navigation/v1/navigation/item&quot;,&quot;repo:modifyDate&quot;:&quot;2020-01-16T15:15:32Z&quot;,&quot;dc:title&quot;:&quot;Teaser&quot;,&quot;xdm:linkURL&quot;:&quot;/content/core-components-examples/library/page-authoring/teaser.html&quot;}}">
                <a href="/content/core-components-examples/library/page-authoring/teaser.html" title="Teaser" data-cmp-clickable="" class="cmp-navigation__item-link">Teaser</a>
              </li>
              <li class="cmp-navigation__item cmp-navigation__item--level-2" data-cmp-data-layer="{&quot;navigation-0e123bccd2-item-d911db0f45&quot;:{&quot;@type&quot;:&quot;core/wcm/components/navigation/v1/navigation/item&quot;,&quot;repo:modifyDate&quot;:&quot;2020-01-16T15:15:36Z&quot;,&quot;dc:title&quot;:&quot;Download&quot;,&quot;xdm:linkURL&quot;:&quot;/content/core-components-examples/library/page-authoring/download.html&quot;}}">
                <a href="/content/core-components-examples/library/page-authoring/download.html" title="Download" data-cmp-clickable="" class="cmp-navigation__item-link">Download</a>
              </li>
              <li class="cmp-navigation__item cmp-navigation__item--level-2" data-cmp-data-layer="{&quot;navigation-0e123bccd2-item-da73ac8b3b&quot;:{&quot;@type&quot;:&quot;core/wcm/components/navigation/v1/navigation/item&quot;,&quot;repo:modifyDate&quot;:&quot;2020-01-16T15:15:40Z&quot;,&quot;dc:title&quot;:&quot;List&quot;,&quot;xdm:linkURL&quot;:&quot;/content/core-components-examples/library/page-authoring/list.html&quot;}}">
                <a href="/content/core-components-examples/library/page-authoring/list.html" title="List" data-cmp-clickable="" class="cmp-navigation__item-link">List</a>
              </li>
              <li class="cmp-navigation__item cmp-navigation__item--level-2" data-cmp-data-layer="{&quot;navigation-0e123bccd2-item-849883059f&quot;:{&quot;@type&quot;:&quot;core/wcm/components/navigation/v1/navigation/item&quot;,&quot;repo:modifyDate&quot;:&quot;2020-01-16T15:15:39Z&quot;,&quot;dc:title&quot;:&quot;Experience Fragment&quot;,&quot;xdm:linkURL&quot;:&quot;/content/core-components-examples/library/page-authoring/experience-fragment.html&quot;}}">
                <a href="/content/core-components-examples/library/page-authoring/experience-fragment.html" title="Experience Fragment" data-cmp-clickable="" class="cmp-navigation__item-link">Experience Fragment</a>
              </li>
              <li class="cmp-navigation__item cmp-navigation__item--level-2" data-cmp-data-layer="{&quot;navigation-0e123bccd2-item-12f115629d&quot;:{&quot;@type&quot;:&quot;core/wcm/components/navigation/v1/navigation/item&quot;,&quot;repo:modifyDate&quot;:&quot;2020-01-16T15:15:38Z&quot;,&quot;dc:title&quot;:&quot;Content Fragment&quot;,&quot;xdm:linkURL&quot;:&quot;/content/core-components-examples/library/page-authoring/content-fragment.html&quot;}}">
                <a href="/content/core-components-examples/library/page-authoring/content-fragment.html" title="Content Fragment" data-cmp-clickable="" class="cmp-navigation__item-link">Content Fragment</a>
              </li>
              <li class="cmp-navigation__item cmp-navigation__item--level-2" data-cmp-data-layer="{&quot;navigation-0e123bccd2-item-f48a790a96&quot;:{&quot;@type&quot;:&quot;core/wcm/components/navigation/v1/navigation/item&quot;,&quot;repo:modifyDate&quot;:&quot;2020-01-16T15:15:43Z&quot;,&quot;dc:title&quot;:&quot;Content Fragment List&quot;,&quot;xdm:linkURL&quot;:&quot;/content/core-components-examples/library/page-authoring/content-fragment-list.html&quot;}}">
                <a href="/content/core-components-examples/library/page-authoring/content-fragment-list.html" title="Content Fragment List" data-cmp-clickable="" class="cmp-navigation__item-link">Content Fragment List</a>
              </li>
              <li class="cmp-navigation__item cmp-navigation__item--level-2" data-cmp-data-layer="{&quot;navigation-0e123bccd2-item-12fc929c8a&quot;:{&quot;@type&quot;:&quot;core/wcm/components/navigation/v1/navigation/item&quot;,&quot;repo:modifyDate&quot;:&quot;2020-01-16T15:15:41Z&quot;,&quot;dc:title&quot;:&quot;Embed&quot;,&quot;xdm:linkURL&quot;:&quot;/content/core-components-examples/library/page-authoring/embed.html&quot;}}">
                <a href="/content/core-components-examples/library/page-authoring/embed.html" title="Embed" data-cmp-clickable="" class="cmp-navigation__item-link">Embed</a>
              </li>
              <li class="cmp-navigation__item cmp-navigation__item--level-2" data-cmp-data-layer="{&quot;navigation-0e123bccd2-item-9f8160f4bd&quot;:{&quot;@type&quot;:&quot;core/wcm/components/navigation/v1/navigation/item&quot;,&quot;repo:modifyDate&quot;:&quot;2020-06-18T11:25:34Z&quot;,&quot;dc:title&quot;:&quot;PDF Viewer&quot;,&quot;xdm:linkURL&quot;:&quot;/content/core-components-examples/library/page-authoring/pdf-viewer.html&quot;}}">
                <a href="/content/core-components-examples/library/page-authoring/pdf-viewer.html" title="PDF Viewer" data-cmp-clickable="" class="cmp-navigation__item-link">PDF Viewer</a>
              </li>
              <li class="cmp-navigation__item cmp-navigation__item--level-2" data-cmp-data-layer="{&quot;navigation-0e123bccd2-item-5cc306b231&quot;:{&quot;@type&quot;:&quot;core/wcm/components/navigation/v1/navigation/item&quot;,&quot;repo:modifyDate&quot;:&quot;2020-05-29T15:04:39Z&quot;,&quot;dc:title&quot;:&quot;Progress Bar&quot;,&quot;xdm:linkURL&quot;:&quot;/content/core-components-examples/library/page-authoring/progressbar.html&quot;}}">
                <a href="/content/core-components-examples/library/page-authoring/progressbar.html" title="Progress Bar" data-cmp-clickable="" class="cmp-navigation__item-link">Progress Bar</a>
              </li>
              <li class="cmp-navigation__item cmp-navigation__item--level-2" data-cmp-data-layer="{&quot;navigation-0e123bccd2-item-db5309eae3&quot;:{&quot;@type&quot;:&quot;core/wcm/components/navigation/v1/navigation/item&quot;,&quot;repo:modifyDate&quot;:&quot;2020-01-16T15:15:42Z&quot;,&quot;dc:title&quot;:&quot;Social Sharing&quot;,&quot;xdm:linkURL&quot;:&quot;/content/core-components-examples/library/page-authoring/social-sharing.html&quot;}}">
                <a href="/content/core-components-examples/library/page-authoring/social-sharing.html" title="Social Sharing" data-cmp-clickable="" class="cmp-navigation__item-link">Social Sharing</a>
              </li>
              <li class="cmp-navigation__item cmp-navigation__item--level-2" data-cmp-data-layer="{&quot;navigation-0e123bccd2-item-611486886f&quot;:{&quot;@type&quot;:&quot;core/wcm/components/navigation/v1/navigation/item&quot;,&quot;repo:modifyDate&quot;:&quot;2020-01-16T15:15:41Z&quot;,&quot;dc:title&quot;:&quot;Separator&quot;,&quot;xdm:linkURL&quot;:&quot;/content/core-components-examples/library/page-authoring/separator.html&quot;}}">
                <a href="/content/core-components-examples/library/page-authoring/separator.html" title="Separator" data-cmp-clickable="" class="cmp-navigation__item-link">Separator</a>
              </li>
            </ul>
          </li>
          <li class="cmp-navigation__item cmp-navigation__item--level-1" data-cmp-data-layer="{&quot;navigation-0e123bccd2-item-a66590213e&quot;:{&quot;@type&quot;:&quot;core/wcm/components/navigation/v1/navigation/item&quot;,&quot;dc:title&quot;:&quot;Container&quot;,&quot;xdm:linkURL&quot;:&quot;/content/core-components-examples/library/container.html&quot;}}">
            <a href="/content/core-components-examples/library/container.html" title="Container" data-cmp-clickable="" class="cmp-navigation__item-link">Container</a>
            <ul class="cmp-navigation__group">
              <li class="cmp-navigation__item cmp-navigation__item--level-2" data-cmp-data-layer="{&quot;navigation-0e123bccd2-item-9caf5e2f9d&quot;:{&quot;@type&quot;:&quot;core/wcm/components/navigation/v1/navigation/item&quot;,&quot;repo:modifyDate&quot;:&quot;2020-01-16T15:15:27Z&quot;,&quot;dc:title&quot;:&quot;Container&quot;,&quot;xdm:linkURL&quot;:&quot;/content/core-components-examples/library/container/container.html&quot;}}">
                <a href="/content/core-components-examples/library/container/container.html" title="Container" data-cmp-clickable="" class="cmp-navigation__item-link">Container</a>
              </li>
              <li class="cmp-navigation__item cmp-navigation__item--level-2" data-cmp-data-layer="{&quot;navigation-0e123bccd2-item-b0a08e7237&quot;:{&quot;@type&quot;:&quot;core/wcm/components/navigation/v1/navigation/item&quot;,&quot;repo:modifyDate&quot;:&quot;2020-01-16T15:15:28Z&quot;,&quot;dc:title&quot;:&quot;Carousel&quot;,&quot;xdm:linkURL&quot;:&quot;/content/core-components-examples/library/container/carousel.html&quot;}}">
                <a href="/content/core-components-examples/library/container/carousel.html" title="Carousel" data-cmp-clickable="" class="cmp-navigation__item-link">Carousel</a>
              </li>
              <li class="cmp-navigation__item cmp-navigation__item--level-2" data-cmp-data-layer="{&quot;navigation-0e123bccd2-item-7672511d00&quot;:{&quot;@type&quot;:&quot;core/wcm/components/navigation/v1/navigation/item&quot;,&quot;repo:modifyDate&quot;:&quot;2020-01-16T15:15:28Z&quot;,&quot;dc:title&quot;:&quot;Tabs&quot;,&quot;xdm:linkURL&quot;:&quot;/content/core-components-examples/library/container/tabs.html&quot;}}">
                <a href="/content/core-components-examples/library/container/tabs.html" title="Tabs" data-cmp-clickable="" class="cmp-navigation__item-link">Tabs</a>
              </li>
              <li class="cmp-navigation__item cmp-navigation__item--level-2" data-cmp-data-layer="{&quot;navigation-0e123bccd2-item-b4c899a5ef&quot;:{&quot;@type&quot;:&quot;core/wcm/components/navigation/v1/navigation/item&quot;,&quot;repo:modifyDate&quot;:&quot;2020-01-16T15:15:27Z&quot;,&quot;dc:title&quot;:&quot;Accordion&quot;,&quot;xdm:linkURL&quot;:&quot;/content/core-components-examples/library/container/accordion.html&quot;}}">
                <a href="/content/core-components-examples/library/container/accordion.html" title="Accordion" data-cmp-clickable="" class="cmp-navigation__item-link">Accordion</a>
              </li>
            </ul>
          </li>
          <li class="cmp-navigation__item cmp-navigation__item--level-1" data-cmp-data-layer="{&quot;navigation-0e123bccd2-item-e0564bed01&quot;:{&quot;@type&quot;:&quot;core/wcm/components/navigation/v1/navigation/item&quot;,&quot;dc:title&quot;:&quot;Form&quot;,&quot;xdm:linkURL&quot;:&quot;/content/core-components-examples/library/form.html&quot;}}">
            <a href="/content/core-components-examples/library/form.html" title="Form" data-cmp-clickable="" class="cmp-navigation__item-link">Form</a>
            <ul class="cmp-navigation__group">
              <li class="cmp-navigation__item cmp-navigation__item--level-2" data-cmp-data-layer="{&quot;navigation-0e123bccd2-item-4f978b47d0&quot;:{&quot;@type&quot;:&quot;core/wcm/components/navigation/v1/navigation/item&quot;,&quot;repo:modifyDate&quot;:&quot;2020-03-13T18:39:28Z&quot;,&quot;dc:title&quot;:&quot;Container&quot;,&quot;xdm:linkURL&quot;:&quot;/content/core-components-examples/library/form/container.html&quot;}}">
                <a href="/content/core-components-examples/library/form/container.html" title="Container" data-cmp-clickable="" class="cmp-navigation__item-link">Container</a>
              </li>
              <li class="cmp-navigation__item cmp-navigation__item--level-2" data-cmp-data-layer="{&quot;navigation-0e123bccd2-item-e01425b0b2&quot;:{&quot;@type&quot;:&quot;core/wcm/components/navigation/v1/navigation/item&quot;,&quot;repo:modifyDate&quot;:&quot;2020-03-13T18:39:29Z&quot;,&quot;dc:title&quot;:&quot;Input&quot;,&quot;xdm:linkURL&quot;:&quot;/content/core-components-examples/library/form/input.html&quot;}}">
                <a href="/content/core-components-examples/library/form/input.html" title="Input" data-cmp-clickable="" class="cmp-navigation__item-link">Input</a>
              </li>
              <li class="cmp-navigation__item cmp-navigation__item--level-2" data-cmp-data-layer="{&quot;navigation-0e123bccd2-item-6e625a09fd&quot;:{&quot;@type&quot;:&quot;core/wcm/components/navigation/v1/navigation/item&quot;,&quot;repo:modifyDate&quot;:&quot;2020-03-13T18:39:29Z&quot;,&quot;dc:title&quot;:&quot;Options&quot;,&quot;xdm:linkURL&quot;:&quot;/content/core-components-examples/library/form/options.html&quot;}}">
                <a href="/content/core-components-examples/library/form/options.html" title="Options" data-cmp-clickable="" class="cmp-navigation__item-link">Options</a>
              </li>
              <li class="cmp-navigation__item cmp-navigation__item--level-2" data-cmp-data-layer="{&quot;navigation-0e123bccd2-item-ac38626e6c&quot;:{&quot;@type&quot;:&quot;core/wcm/components/navigation/v1/navigation/item&quot;,&quot;repo:modifyDate&quot;:&quot;2020-03-13T18:39:29Z&quot;,&quot;dc:title&quot;:&quot;Hidden&quot;,&quot;xdm:linkURL&quot;:&quot;/content/core-components-examples/library/form/hidden.html&quot;}}">
                <a href="/content/core-components-examples/library/form/hidden.html" title="Hidden" data-cmp-clickable="" class="cmp-navigation__item-link">Hidden</a>
              </li>
              <li class="cmp-navigation__item cmp-navigation__item--level-2" data-cmp-data-layer="{&quot;navigation-0e123bccd2-item-eaedd4ea75&quot;:{&quot;@type&quot;:&quot;core/wcm/components/navigation/v1/navigation/item&quot;,&quot;repo:modifyDate&quot;:&quot;2020-03-13T18:39:28Z&quot;,&quot;dc:title&quot;:&quot;Button&quot;,&quot;xdm:linkURL&quot;:&quot;/content/core-components-examples/library/form/button.html&quot;}}">
                <a href="/content/core-components-examples/library/form/button.html" title="Button" data-cmp-clickable="" class="cmp-navigation__item-link">Button</a>
              </li>
            </ul>
          </li>
          <li class="cmp-navigation__item cmp-navigation__item--level-1" data-cmp-data-layer="{&quot;navigation-0e123bccd2-item-9ab3d0177f&quot;:{&quot;@type&quot;:&quot;core/wcm/components/navigation/v1/navigation/item&quot;,&quot;dc:title&quot;:&quot;Commerce&quot;,&quot;xdm:linkURL&quot;:&quot;/content/core-components-examples/library/commerce.html&quot;}}">
            <a href="/content/core-components-examples/library/commerce.html" title="Commerce" data-cmp-clickable="" class="cmp-navigation__item-link">Commerce</a>
            <ul class="cmp-navigation__group">
              <li class="cmp-navigation__item cmp-navigation__item--level-2" data-cmp-data-layer="{&quot;navigation-0e123bccd2-item-0dea1ff70e&quot;:{&quot;@type&quot;:&quot;core/wcm/components/navigation/v1/navigation/item&quot;,&quot;repo:modifyDate&quot;:&quot;2021-02-11T17:13:13Z&quot;,&quot;dc:title&quot;:&quot;Product&quot;,&quot;xdm:linkURL&quot;:&quot;/content/core-components-examples/library/commerce/product.html&quot;}}">
                <a href="/content/core-components-examples/library/commerce/product.html" title="Product" data-cmp-clickable="" class="cmp-navigation__item-link">Product</a>
              </li>
              <li class="cmp-navigation__item cmp-navigation__item--level-2" data-cmp-data-layer="{&quot;navigation-0e123bccd2-item-3253e121af&quot;:{&quot;@type&quot;:&quot;core/wcm/components/navigation/v1/navigation/item&quot;,&quot;repo:modifyDate&quot;:&quot;2021-02-11T17:13:13Z&quot;,&quot;dc:title&quot;:&quot;Product Teaser&quot;,&quot;xdm:linkURL&quot;:&quot;/content/core-components-examples/library/commerce/productteaser.html&quot;}}">
                <a href="/content/core-components-examples/library/commerce/productteaser.html" title="Product Teaser" data-cmp-clickable="" class="cmp-navigation__item-link">Product Teaser</a>
              </li>
              <li class="cmp-navigation__item cmp-navigation__item--level-2" data-cmp-data-layer="{&quot;navigation-0e123bccd2-item-a951b11a6c&quot;:{&quot;@type&quot;:&quot;core/wcm/components/navigation/v1/navigation/item&quot;,&quot;repo:modifyDate&quot;:&quot;2021-02-11T17:13:13Z&quot;,&quot;dc:title&quot;:&quot;Product Carousel&quot;,&quot;xdm:linkURL&quot;:&quot;/content/core-components-examples/library/commerce/productcarousel.html&quot;}}">
                <a href="/content/core-components-examples/library/commerce/productcarousel.html" title="Product Carousel" data-cmp-clickable="" class="cmp-navigation__item-link">Product Carousel</a>
              </li>
              <li class="cmp-navigation__item cmp-navigation__item--level-2" data-cmp-data-layer="{&quot;navigation-0e123bccd2-item-9e0a26222d&quot;:{&quot;@type&quot;:&quot;core/wcm/components/navigation/v1/navigation/item&quot;,&quot;repo:modifyDate&quot;:&quot;2021-02-11T17:13:13Z&quot;,&quot;dc:title&quot;:&quot;Related Products&quot;,&quot;xdm:linkURL&quot;:&quot;/content/core-components-examples/library/commerce/relatedproducts.html&quot;}}">
                <a href="/content/core-components-examples/library/commerce/relatedproducts.html" title="Related Products" data-cmp-clickable="" class="cmp-navigation__item-link">Related Products</a>
              </li>
              <li class="cmp-navigation__item cmp-navigation__item--level-2" data-cmp-data-layer="{&quot;navigation-0e123bccd2-item-b907503750&quot;:{&quot;@type&quot;:&quot;core/wcm/components/navigation/v1/navigation/item&quot;,&quot;repo:modifyDate&quot;:&quot;2021-02-11T17:13:13Z&quot;,&quot;dc:title&quot;:&quot;Product List&quot;,&quot;xdm:linkURL&quot;:&quot;/content/core-components-examples/library/commerce/productlist.html&quot;}}">
                <a href="/content/core-components-examples/library/commerce/productlist.html" title="Product List" data-cmp-clickable="" class="cmp-navigation__item-link">Product List</a>
              </li>
              <li class="cmp-navigation__item cmp-navigation__item--level-2" data-cmp-data-layer="{&quot;navigation-0e123bccd2-item-d2f34340dd&quot;:{&quot;@type&quot;:&quot;core/wcm/components/navigation/v1/navigation/item&quot;,&quot;repo:modifyDate&quot;:&quot;2021-02-11T17:13:13Z&quot;,&quot;dc:title&quot;:&quot;Search&quot;,&quot;xdm:linkURL&quot;:&quot;/content/core-components-examples/library/commerce/search.html&quot;}}">
                <a href="/content/core-components-examples/library/commerce/search.html" title="Search" data-cmp-clickable="" class="cmp-navigation__item-link">Search</a>
              </li>
              <li class="cmp-navigation__item cmp-navigation__item--level-2" data-cmp-data-layer="{&quot;navigation-0e123bccd2-item-cf30385173&quot;:{&quot;@type&quot;:&quot;core/wcm/components/navigation/v1/navigation/item&quot;,&quot;repo:modifyDate&quot;:&quot;2021-02-11T17:13:13Z&quot;,&quot;dc:title&quot;:&quot;Category Carousel&quot;,&quot;xdm:linkURL&quot;:&quot;/content/core-components-examples/library/commerce/categorycarousel.html&quot;}}">
                <a href="/content/core-components-examples/library/commerce/categorycarousel.html" title="Category Carousel" data-cmp-clickable="" class="cmp-navigation__item-link">Category Carousel</a>
              </li>
              <li class="cmp-navigation__item cmp-navigation__item--level-2" data-cmp-data-layer="{&quot;navigation-0e123bccd2-item-7ca4f389fe&quot;:{&quot;@type&quot;:&quot;core/wcm/components/navigation/v1/navigation/item&quot;,&quot;repo:modifyDate&quot;:&quot;2021-02-11T17:13:13Z&quot;,&quot;dc:title&quot;:&quot;Featured Category List&quot;,&quot;xdm:linkURL&quot;:&quot;/content/core-components-examples/library/commerce/featuredcategorylist.html&quot;}}">
                <a href="/content/core-components-examples/library/commerce/featuredcategorylist.html" title="Featured Category List" data-cmp-clickable="" class="cmp-navigation__item-link">Featured Category List</a>
              </li>
              <li class="cmp-navigation__item cmp-navigation__item--level-2" data-cmp-data-layer="{&quot;navigation-0e123bccd2-item-af0aa43138&quot;:{&quot;@type&quot;:&quot;core/wcm/components/navigation/v1/navigation/item&quot;,&quot;repo:modifyDate&quot;:&quot;2021-02-11T17:13:13Z&quot;,&quot;dc:title&quot;:&quot;Commerce Teaser&quot;,&quot;xdm:linkURL&quot;:&quot;/content/core-components-examples/library/commerce/teaser.html&quot;}}">
                <a href="/content/core-components-examples/library/commerce/teaser.html" title="Commerce Teaser" data-cmp-clickable="" class="cmp-navigation__item-link">Commerce Teaser</a>
              </li>
              <li class="cmp-navigation__item cmp-navigation__item--level-2" data-cmp-data-layer="{&quot;navigation-0e123bccd2-item-98fa786e24&quot;:{&quot;@type&quot;:&quot;core/wcm/components/navigation/v1/navigation/item&quot;,&quot;repo:modifyDate&quot;:&quot;2021-02-11T17:13:13Z&quot;,&quot;dc:title&quot;:&quot;Navigation&quot;,&quot;xdm:linkURL&quot;:&quot;/content/core-components-examples/library/commerce/navigation.html&quot;}}">
                <a href="/content/core-components-examples/library/commerce/navigation.html" title="Navigation" data-cmp-clickable="" class="cmp-navigation__item-link">Navigation</a>
                <ul class="cmp-navigation__group">
                  <li class="cmp-navigation__item cmp-navigation__item--level-3" data-cmp-data-layer="{&quot;navigation-0e123bccd2-item-5ecc840b3f&quot;:{&quot;@type&quot;:&quot;core/wcm/components/navigation/v1/navigation/item&quot;,&quot;repo:modifyDate&quot;:&quot;2021-02-11T17:13:13Z&quot;,&quot;dc:title&quot;:&quot;Catalog Page&quot;,&quot;xdm:linkURL&quot;:&quot;/content/core-components-examples/library/commerce/navigation/catalogpage.html&quot;}}">
                    <a href="/content/core-components-examples/library/commerce/navigation/catalogpage.html" title="Catalog Page" data-cmp-clickable="" class="cmp-navigation__item-link">Catalog Page</a>
                  </li>
                </ul>
              </li>
              <li class="cmp-navigation__item cmp-navigation__item--level-2" data-cmp-data-layer="{&quot;navigation-0e123bccd2-item-3a75e07a3d&quot;:{&quot;@type&quot;:&quot;core/wcm/components/navigation/v1/navigation/item&quot;,&quot;repo:modifyDate&quot;:&quot;2021-02-11T17:13:13Z&quot;,&quot;dc:title&quot;:&quot;Breadcrumb&quot;,&quot;xdm:linkURL&quot;:&quot;/content/core-components-examples/library/commerce/breadcrumb.html&quot;}}">
                <a href="/content/core-components-examples/library/commerce/breadcrumb.html" title="Breadcrumb" data-cmp-clickable="" class="cmp-navigation__item-link">Breadcrumb</a>
              </li>
              <li class="cmp-navigation__item cmp-navigation__item--level-2" data-cmp-data-layer="{&quot;navigation-0e123bccd2-item-b5ffe840f5&quot;:{&quot;@type&quot;:&quot;core/wcm/components/navigation/v1/navigation/item&quot;,&quot;repo:modifyDate&quot;:&quot;2021-02-11T17:13:13Z&quot;,&quot;dc:title&quot;:&quot;Minicart &amp; Checkout&quot;,&quot;xdm:linkURL&quot;:&quot;/content/core-components-examples/library/commerce/minicart.html&quot;}}">
                <a href="/content/core-components-examples/library/commerce/minicart.html" title="Minicart &amp; Checkout" data-cmp-clickable="" class="cmp-navigation__item-link">Minicart &amp; Checkout</a>
              </li>
              <li class="cmp-navigation__item cmp-navigation__item--level-2" data-cmp-data-layer="{&quot;navigation-0e123bccd2-item-2209db81b0&quot;:{&quot;@type&quot;:&quot;core/wcm/components/navigation/v1/navigation/item&quot;,&quot;repo:modifyDate&quot;:&quot;2021-02-11T17:13:13Z&quot;,&quot;dc:title&quot;:&quot;Cart Trigger&quot;,&quot;xdm:linkURL&quot;:&quot;/content/core-components-examples/library/commerce/carttrigger.html&quot;}}">
                <a href="/content/core-components-examples/library/commerce/carttrigger.html" title="Cart Trigger" data-cmp-clickable="" class="cmp-navigation__item-link">Cart Trigger</a>
              </li>
              <li class="cmp-navigation__item cmp-navigation__item--level-2" data-cmp-data-layer="{&quot;navigation-0e123bccd2-item-1839f3c753&quot;:{&quot;@type&quot;:&quot;core/wcm/components/navigation/v1/navigation/item&quot;,&quot;repo:modifyDate&quot;:&quot;2021-02-11T17:13:13Z&quot;,&quot;dc:title&quot;:&quot;Reset Password&quot;,&quot;xdm:linkURL&quot;:&quot;/content/core-components-examples/library/commerce/resetpassword.html&quot;}}">
                <a href="/content/core-components-examples/library/commerce/resetpassword.html" title="Reset Password" data-cmp-clickable="" class="cmp-navigation__item-link">Reset Password</a>
              </li>
              <li class="cmp-navigation__item cmp-navigation__item--level-2" data-cmp-data-layer="{&quot;navigation-0e123bccd2-item-f330b5221d&quot;:{&quot;@type&quot;:&quot;core/wcm/components/navigation/v1/navigation/item&quot;,&quot;repo:modifyDate&quot;:&quot;2021-02-11T17:13:13Z&quot;,&quot;dc:title&quot;:&quot;Experience Fragment&quot;,&quot;xdm:linkURL&quot;:&quot;/content/core-components-examples/library/commerce/experiencefragment.html&quot;}}">
                <a href="/content/core-components-examples/library/commerce/experiencefragment.html" title="Experience Fragment" data-cmp-clickable="" class="cmp-navigation__item-link">Experience Fragment</a>
              </li>
            </ul>
          </li>
        </ul>
      </li>
    </ul>
  </nav>
</div>
JSON:
{"id":"navigation-0e123bccd2","items":[{"id":"navigation-0e123bccd2-item-734f73b286","path":"\/content\/core-components-examples\/config","children":[],"level":0,"active":false,"url":"\/content\/core-components-examples\/config.html","title":"Config","dataLayer":{"navigation-0e123bccd2-item-734f73b286":{"@type":"core\/wcm\/components\/navigation\/v1\/navigation\/item","repo:modifyDate":"2021-03-17T08:17:44Z","dc:title":"Config","xdm:linkURL":"\/content\/core-components-examples\/config.html"}},":type":"\/apps\/wcm-io\/caconfig\/editor\/components\/page\/editor"},{"id":"navigation-0e123bccd2-item-9bee4d4454","path":"\/content\/core-components-examples\/library","children":[{"id":"navigation-0e123bccd2-item-1d32a567a9","path":"\/content\/core-components-examples\/library\/templating","children":[{"id":"navigation-0e123bccd2-item-a15ec9918d","path":"\/content\/core-components-examples\/library\/templating\/navigation","children":[],"level":2,"active":true,"description":"Display a site navigation menu","lastModified":1558694278229,"url":"\/content\/core-components-examples\/library\/templating\/navigation.html","title":"Navigation","dataLayer":{"navigation-0e123bccd2-item-a15ec9918d":{"@type":"core\/wcm\/components\/navigation\/v1\/navigation\/item","repo:modifyDate":"2020-01-16T15:15:30Z","dc:title":"Navigation","xdm:linkURL":"\/content\/core-components-examples\/library\/templating\/navigation.html"}},":type":"core-components-examples\/components\/page"},{"id":"navigation-0e123bccd2-item-e628106fe1","path":"\/content\/core-components-examples\/library\/templating\/language-navigation\/language-structure\/us\/en\/language-navigation","children":[],"level":2,"active":false,"description":"Display a language switcher","lastModified":1559807944878,"url":"\/content\/core-components-examples\/library\/templating\/language-navigation\/language-structure\/us\/en\/language-navigation.html","title":"Language Navigation","dataLayer":{"navigation-0e123bccd2-item-e628106fe1":{"@type":"core\/wcm\/components\/navigation\/v1\/navigation\/item","repo:modifyDate":"2020-01-16T15:15:29Z","dc:title":"Language Navigation","xdm:linkURL":"\/content\/core-components-examples\/library\/templating\/language-navigation\/language-structure\/us\/en\/language-navigation.html"}},":type":"core-components-examples\/components\/page"},{"id":"navigation-0e123bccd2-item-35671d6884","path":"\/content\/core-components-examples\/library\/templating\/breadcrumb\/hidden\/level-1\/level-2\/breadcrumb","children":[],"level":2,"active":false,"description":"Display a breadcrumb navigation","lastModified":1558607623701,"url":"\/content\/core-components-examples\/library\/templating\/breadcrumb\/hidden\/level-1\/level-2\/breadcrumb.html","title":"Breadcrumb","dataLayer":{"navigation-0e123bccd2-item-35671d6884":{"@type":"core\/wcm\/components\/navigation\/v1\/navigation\/item","dc:title":"Breadcrumb","xdm:linkURL":"\/content\/core-components-examples\/library\/templating\/breadcrumb\/hidden\/level-1\/level-2\/breadcrumb.html"}},":type":"foundation\/components\/redirect"}],"level":1,"active":true,"lastModified":1544121656470,"url":"\/content\/core-components-examples\/library\/templating.html","title":"Templating","dataLayer":{"navigation-0e123bccd2-item-1d32a567a9":{"@type":"core\/wcm\/components\/navigation\/v1\/navigation\/item","dc:title":"Templating","xdm:linkURL":"\/content\/core-components-examples\/library\/templating.html"}},":type":"foundation\/components\/redirect"},{"id":"navigation-0e123bccd2-item-a0e12c193c","path":"\/content\/core-components-examples\/library\/page-authoring","children":[{"id":"navigation-0e123bccd2-item-df1699a779","path":"\/content\/core-components-examples\/library\/page-authoring\/title","children":[],"level":2,"active":false,"description":"Display a page heading","lastModified":1588167941487,"url":"\/content\/core-components-examples\/library\/page-authoring\/title.html","title":"Title","dataLayer":{"navigation-0e123bccd2-item-df1699a779":{"@type":"core\/wcm\/components\/navigation\/v1\/navigation\/item","repo:modifyDate":"2020-01-16T15:15:41Z","dc:title":"Title","xdm:linkURL":"\/content\/core-components-examples\/library\/page-authoring\/title.html"}},":type":"core-components-examples\/components\/page"},{"id":"navigation-0e123bccd2-item-e13089bf3b","path":"\/content\/core-components-examples\/library\/page-authoring\/text","children":[],"level":2,"active":false,"description":"Display a rich text paragraph","lastModified":1548159422163,"url":"\/content\/core-components-examples\/library\/page-authoring\/text.html","title":"Text","dataLayer":{"navigation-0e123bccd2-item-e13089bf3b":{"@type":"core\/wcm\/components\/navigation\/v1\/navigation\/item","repo:modifyDate":"2020-01-16T15:15:42Z","dc:title":"Text","xdm:linkURL":"\/content\/core-components-examples\/library\/page-authoring\/text.html"}},":type":"core-components-examples\/components\/page"},{"id":"navigation-0e123bccd2-item-26f940ec0f","path":"\/content\/core-components-examples\/library\/page-authoring\/image","children":[],"level":2,"active":false,"description":"Display an image asset","lastModified":1550255022224,"url":"\/content\/core-components-examples\/library\/page-authoring\/image.html","title":"Image","dataLayer":{"navigation-0e123bccd2-item-26f940ec0f":{"@type":"core\/wcm\/components\/navigation\/v1\/navigation\/item","repo:modifyDate":"2020-01-16T15:15:34Z","dc:title":"Image","xdm:linkURL":"\/content\/core-components-examples\/library\/page-authoring\/image.html"}},":type":"core-components-examples\/components\/page"},{"id":"navigation-0e123bccd2-item-5ce5bb112c","path":"\/content\/core-components-examples\/library\/page-authoring\/button","children":[],"level":2,"active":false,"description":"Display a button or anchor button","lastModified":1547062227177,"url":"\/content\/core-components-examples\/library\/page-authoring\/button.html","title":"Button","dataLayer":{"navigation-0e123bccd2-item-5ce5bb112c":{"@type":"core\/wcm\/components\/navigation\/v1\/navigation\/item","repo:modifyDate":"2020-01-16T15:15:37Z","dc:title":"Button","xdm:linkURL":"\/content\/core-components-examples\/library\/page-authoring\/button.html"}},":type":"core-components-examples\/components\/page"},{"id":"navigation-0e123bccd2-item-bd937d6b13","path":"\/content\/core-components-examples\/library\/page-authoring\/teaser","children":[],"level":2,"active":false,"description":"Link an image and text","lastModified":1575799718587,"url":"\/content\/core-components-examples\/library\/page-authoring\/teaser.html","title":"Teaser","dataLayer":{"navigation-0e123bccd2-item-bd937d6b13":{"@type":"core\/wcm\/components\/navigation\/v1\/navigation\/item","repo:modifyDate":"2020-01-16T15:15:32Z","dc:title":"Teaser","xdm:linkURL":"\/content\/core-components-examples\/library\/page-authoring\/teaser.html"}},":type":"core-components-examples\/components\/page"},{"id":"navigation-0e123bccd2-item-d911db0f45","path":"\/content\/core-components-examples\/library\/page-authoring\/download","children":[],"level":2,"active":false,"description":"Display an asset for download","lastModified":1558992253683,"url":"\/content\/core-components-examples\/library\/page-authoring\/download.html","title":"Download","dataLayer":{"navigation-0e123bccd2-item-d911db0f45":{"@type":"core\/wcm\/components\/navigation\/v1\/navigation\/item","repo:modifyDate":"2020-01-16T15:15:36Z","dc:title":"Download","xdm:linkURL":"\/content\/core-components-examples\/library\/page-authoring\/download.html"}},":type":"core-components-examples\/components\/page"},{"id":"navigation-0e123bccd2-item-da73ac8b3b","path":"\/content\/core-components-examples\/library\/page-authoring\/list","children":[],"level":2,"active":false,"description":"Display a list of pages","lastModified":1547642282466,"url":"\/content\/core-components-examples\/library\/page-authoring\/list.html","title":"List","dataLayer":{"navigation-0e123bccd2-item-da73ac8b3b":{"@type":"core\/wcm\/components\/navigation\/v1\/navigation\/item","repo:modifyDate":"2020-01-16T15:15:40Z","dc:title":"List","xdm:linkURL":"\/content\/core-components-examples\/library\/page-authoring\/list.html"}},":type":"core-components-examples\/components\/page"},{"id":"navigation-0e123bccd2-item-849883059f","path":"\/content\/core-components-examples\/library\/page-authoring\/experience-fragment","children":[],"level":2,"active":false,"description":"Display an experience fragment","lastModified":1566294323252,"url":"\/content\/core-components-examples\/library\/page-authoring\/experience-fragment.html","title":"Experience Fragment","dataLayer":{"navigation-0e123bccd2-item-849883059f":{"@type":"core\/wcm\/components\/navigation\/v1\/navigation\/item","repo:modifyDate":"2020-01-16T15:15:39Z","dc:title":"Experience Fragment","xdm:linkURL":"\/content\/core-components-examples\/library\/page-authoring\/experience-fragment.html"}},":type":"core-components-examples\/components\/page"},{"id":"navigation-0e123bccd2-item-12f115629d","path":"\/content\/core-components-examples\/library\/page-authoring\/content-fragment","children":[],"level":2,"active":false,"description":"Display a content fragment asset","lastModified":1547644839952,"url":"\/content\/core-components-examples\/library\/page-authoring\/content-fragment.html","title":"Content Fragment","dataLayer":{"navigation-0e123bccd2-item-12f115629d":{"@type":"core\/wcm\/components\/navigation\/v1\/navigation\/item","repo:modifyDate":"2020-01-16T15:15:38Z","dc:title":"Content Fragment","xdm:linkURL":"\/content\/core-components-examples\/library\/page-authoring\/content-fragment.html"}},":type":"core-components-examples\/components\/page"},{"id":"navigation-0e123bccd2-item-f48a790a96","path":"\/content\/core-components-examples\/library\/page-authoring\/content-fragment-list","children":[],"level":2,"active":false,"description":"Display a list of content fragments","lastModified":1554130037469,"url":"\/content\/core-components-examples\/library\/page-authoring\/content-fragment-list.html","title":"Content Fragment List","dataLayer":{"navigation-0e123bccd2-item-f48a790a96":{"@type":"core\/wcm\/components\/navigation\/v1\/navigation\/item","repo:modifyDate":"2020-01-16T15:15:43Z","dc:title":"Content Fragment List","xdm:linkURL":"\/content\/core-components-examples\/library\/page-authoring\/content-fragment-list.html"}},":type":"core-components-examples\/components\/page"},{"id":"navigation-0e123bccd2-item-12fc929c8a","path":"\/content\/core-components-examples\/library\/page-authoring\/embed","children":[],"level":2,"active":false,"description":"Embed a third-party widget","lastModified":1567092519658,"url":"\/content\/core-components-examples\/library\/page-authoring\/embed.html","title":"Embed","dataLayer":{"navigation-0e123bccd2-item-12fc929c8a":{"@type":"core\/wcm\/components\/navigation\/v1\/navigation\/item","repo:modifyDate":"2020-01-16T15:15:41Z","dc:title":"Embed","xdm:linkURL":"\/content\/core-components-examples\/library\/page-authoring\/embed.html"}},":type":"core-components-examples\/components\/page"},{"id":"navigation-0e123bccd2-item-9f8160f4bd","path":"\/content\/core-components-examples\/library\/page-authoring\/pdf-viewer","children":[],"level":2,"active":false,"description":"Embed a PDF Viewer widget to display Document Cloud PDF's","lastModified":1594988947598,"url":"\/content\/core-components-examples\/library\/page-authoring\/pdf-viewer.html","title":"PDF Viewer","dataLayer":{"navigation-0e123bccd2-item-9f8160f4bd":{"@type":"core\/wcm\/components\/navigation\/v1\/navigation\/item","repo:modifyDate":"2020-06-18T11:25:34Z","dc:title":"PDF Viewer","xdm:linkURL":"\/content\/core-components-examples\/library\/page-authoring\/pdf-viewer.html"}},":type":"core-components-examples\/components\/page"},{"id":"navigation-0e123bccd2-item-5cc306b231","path":"\/content\/core-components-examples\/library\/page-authoring\/progressbar","children":[],"level":2,"active":false,"description":"Display a progress indicator","lastModified":1594989098927,"url":"\/content\/core-components-examples\/library\/page-authoring\/progressbar.html","title":"Progress Bar","dataLayer":{"navigation-0e123bccd2-item-5cc306b231":{"@type":"core\/wcm\/components\/navigation\/v1\/navigation\/item","repo:modifyDate":"2020-05-29T15:04:39Z","dc:title":"Progress Bar","xdm:linkURL":"\/content\/core-components-examples\/library\/page-authoring\/progressbar.html"}},":type":"core-components-examples\/components\/page"},{"id":"navigation-0e123bccd2-item-db5309eae3","path":"\/content\/core-components-examples\/library\/page-authoring\/social-sharing","children":[],"level":2,"active":false,"description":"Add social sharing links","lastModified":1547062206375,"url":"\/content\/core-components-examples\/library\/page-authoring\/social-sharing.html","title":"Social Sharing","dataLayer":{"navigation-0e123bccd2-item-db5309eae3":{"@type":"core\/wcm\/components\/navigation\/v1\/navigation\/item","repo:modifyDate":"2020-01-16T15:15:42Z","dc:title":"Social Sharing","xdm:linkURL":"\/content\/core-components-examples\/library\/page-authoring\/social-sharing.html"}},":type":"core-components-examples\/components\/page"},{"id":"navigation-0e123bccd2-item-611486886f","path":"\/content\/core-components-examples\/library\/page-authoring\/separator","children":[],"level":2,"active":false,"description":"Display a section divider","lastModified":1547062195738,"url":"\/content\/core-components-examples\/library\/page-authoring\/separator.html","title":"Separator","dataLayer":{"navigation-0e123bccd2-item-611486886f":{"@type":"core\/wcm\/components\/navigation\/v1\/navigation\/item","repo:modifyDate":"2020-01-16T15:15:41Z","dc:title":"Separator","xdm:linkURL":"\/content\/core-components-examples\/library\/page-authoring\/separator.html"}},":type":"core-components-examples\/components\/page"}],"level":1,"active":false,"lastModified":1586771321174,"url":"\/content\/core-components-examples\/library\/page-authoring.html","title":"Page Authoring","dataLayer":{"navigation-0e123bccd2-item-a0e12c193c":{"@type":"core\/wcm\/components\/navigation\/v1\/navigation\/item","dc:title":"Page Authoring","xdm:linkURL":"\/content\/core-components-examples\/library\/page-authoring.html"}},":type":"foundation\/components\/redirect"},{"id":"navigation-0e123bccd2-item-a66590213e","path":"\/content\/core-components-examples\/library\/container","children":[{"id":"navigation-0e123bccd2-item-9caf5e2f9d","path":"\/content\/core-components-examples\/library\/container\/container","children":[],"level":2,"active":false,"description":"Group and layout components","lastModified":1560275793712,"url":"\/content\/core-components-examples\/library\/container\/container.html","title":"Container","dataLayer":{"navigation-0e123bccd2-item-9caf5e2f9d":{"@type":"core\/wcm\/components\/navigation\/v1\/navigation\/item","repo:modifyDate":"2020-01-16T15:15:27Z","dc:title":"Container","xdm:linkURL":"\/content\/core-components-examples\/library\/container\/container.html"}},":type":"core-components-examples\/components\/page"},{"id":"navigation-0e123bccd2-item-b0a08e7237","path":"\/content\/core-components-examples\/library\/container\/carousel","children":[],"level":2,"active":false,"description":"Cycle through content panels","lastModified":1550252345916,"url":"\/content\/core-components-examples\/library\/container\/carousel.html","title":"Carousel","dataLayer":{"navigation-0e123bccd2-item-b0a08e7237":{"@type":"core\/wcm\/components\/navigation\/v1\/navigation\/item","repo:modifyDate":"2020-01-16T15:15:28Z","dc:title":"Carousel","xdm:linkURL":"\/content\/core-components-examples\/library\/container\/carousel.html"}},":type":"core-components-examples\/components\/page"},{"id":"navigation-0e123bccd2-item-7672511d00","path":"\/content\/core-components-examples\/library\/container\/tabs","children":[],"level":2,"active":false,"description":"Switchable content panels","lastModified":1548157896096,"url":"\/content\/core-components-examples\/library\/container\/tabs.html","title":"Tabs","dataLayer":{"navigation-0e123bccd2-item-7672511d00":{"@type":"core\/wcm\/components\/navigation\/v1\/navigation\/item","repo:modifyDate":"2020-01-16T15:15:28Z","dc:title":"Tabs","xdm:linkURL":"\/content\/core-components-examples\/library\/container\/tabs.html"}},":type":"core-components-examples\/components\/page"},{"id":"navigation-0e123bccd2-item-b4c899a5ef","path":"\/content\/core-components-examples\/library\/container\/accordion","children":[],"level":2,"active":false,"description":"Toggle panels of related content","lastModified":1548157896096,"url":"\/content\/core-components-examples\/library\/container\/accordion.html","title":"Accordion","dataLayer":{"navigation-0e123bccd2-item-b4c899a5ef":{"@type":"core\/wcm\/components\/navigation\/v1\/navigation\/item","repo:modifyDate":"2020-01-16T15:15:27Z","dc:title":"Accordion","xdm:linkURL":"\/content\/core-components-examples\/library\/container\/accordion.html"}},":type":"core-components-examples\/components\/page"}],"level":1,"active":false,"lastModified":1544121656470,"url":"\/content\/core-components-examples\/library\/container.html","title":"Container","dataLayer":{"navigation-0e123bccd2-item-a66590213e":{"@type":"core\/wcm\/components\/navigation\/v1\/navigation\/item","dc:title":"Container","xdm:linkURL":"\/content\/core-components-examples\/library\/container.html"}},":type":"foundation\/components\/redirect"},{"id":"navigation-0e123bccd2-item-e0564bed01","path":"\/content\/core-components-examples\/library\/form","children":[{"id":"navigation-0e123bccd2-item-4f978b47d0","path":"\/content\/core-components-examples\/library\/form\/container","children":[],"level":2,"active":false,"description":"Group and Layout Form Components","lastModified":1576771730790,"url":"\/content\/core-components-examples\/library\/form\/container.html","title":"Container","dataLayer":{"navigation-0e123bccd2-item-4f978b47d0":{"@type":"core\/wcm\/components\/navigation\/v1\/navigation\/item","repo:modifyDate":"2020-03-13T18:39:28Z","dc:title":"Container","xdm:linkURL":"\/content\/core-components-examples\/library\/form\/container.html"}},":type":"core-components-examples\/components\/page"},{"id":"navigation-0e123bccd2-item-e01425b0b2","path":"\/content\/core-components-examples\/library\/form\/input","children":[],"level":2,"active":false,"description":"Display an input field","lastModified":1576767461500,"url":"\/content\/core-components-examples\/library\/form\/input.html","title":"Input","dataLayer":{"navigation-0e123bccd2-item-e01425b0b2":{"@type":"core\/wcm\/components\/navigation\/v1\/navigation\/item","repo:modifyDate":"2020-03-13T18:39:29Z","dc:title":"Input","xdm:linkURL":"\/content\/core-components-examples\/library\/form\/input.html"}},":type":"core-components-examples\/components\/page"},{"id":"navigation-0e123bccd2-item-6e625a09fd","path":"\/content\/core-components-examples\/library\/form\/options","children":[],"level":2,"active":false,"description":"Display different options to choose from","lastModified":1579192036788,"url":"\/content\/core-components-examples\/library\/form\/options.html","title":"Options","dataLayer":{"navigation-0e123bccd2-item-6e625a09fd":{"@type":"core\/wcm\/components\/navigation\/v1\/navigation\/item","repo:modifyDate":"2020-03-13T18:39:29Z","dc:title":"Options","xdm:linkURL":"\/content\/core-components-examples\/library\/form\/options.html"}},":type":"core-components-examples\/components\/page"},{"id":"navigation-0e123bccd2-item-ac38626e6c","path":"\/content\/core-components-examples\/library\/form\/hidden","children":[],"level":2,"active":false,"description":"Hidden Form Component ","lastModified":1576771327704,"url":"\/content\/core-components-examples\/library\/form\/hidden.html","title":"Hidden","dataLayer":{"navigation-0e123bccd2-item-ac38626e6c":{"@type":"core\/wcm\/components\/navigation\/v1\/navigation\/item","repo:modifyDate":"2020-03-13T18:39:29Z","dc:title":"Hidden","xdm:linkURL":"\/content\/core-components-examples\/library\/form\/hidden.html"}},":type":"core-components-examples\/components\/page"},{"id":"navigation-0e123bccd2-item-eaedd4ea75","path":"\/content\/core-components-examples\/library\/form\/button","children":[],"level":2,"active":false,"description":"Display a form button","lastModified":1576770945395,"url":"\/content\/core-components-examples\/library\/form\/button.html","title":"Button","dataLayer":{"navigation-0e123bccd2-item-eaedd4ea75":{"@type":"core\/wcm\/components\/navigation\/v1\/navigation\/item","repo:modifyDate":"2020-03-13T18:39:28Z","dc:title":"Button","xdm:linkURL":"\/content\/core-components-examples\/library\/form\/button.html"}},":type":"core-components-examples\/components\/page"}],"level":1,"active":false,"lastModified":1544121656470,"url":"\/content\/core-components-examples\/library\/form.html","title":"Form","dataLayer":{"navigation-0e123bccd2-item-e0564bed01":{"@type":"core\/wcm\/components\/navigation\/v1\/navigation\/item","dc:title":"Form","xdm:linkURL":"\/content\/core-components-examples\/library\/form.html"}},":type":"foundation\/components\/redirect"},{"id":"navigation-0e123bccd2-item-9ab3d0177f","path":"\/content\/core-components-examples\/library\/commerce","children":[{"id":"navigation-0e123bccd2-item-0dea1ff70e","path":"\/content\/core-components-examples\/library\/commerce\/product","children":[],"level":2,"active":false,"description":"Display commerce product data","lastModified":1602162968704,"url":"\/content\/core-components-examples\/library\/commerce\/product.html","title":"Product","dataLayer":{"navigation-0e123bccd2-item-0dea1ff70e":{"@type":"core\/wcm\/components\/navigation\/v1\/navigation\/item","repo:modifyDate":"2021-02-11T17:13:13Z","dc:title":"Product","xdm:linkURL":"\/content\/core-components-examples\/library\/commerce\/product.html"}},":type":"cif-components-examples\/components\/page"},{"id":"navigation-0e123bccd2-item-3253e121af","path":"\/content\/core-components-examples\/library\/commerce\/productteaser","children":[],"level":2,"active":false,"description":"Display commerce product teaser","lastModified":1589287548065,"url":"\/content\/core-components-examples\/library\/commerce\/productteaser.html","title":"Product Teaser","dataLayer":{"navigation-0e123bccd2-item-3253e121af":{"@type":"core\/wcm\/components\/navigation\/v1\/navigation\/item","repo:modifyDate":"2021-02-11T17:13:13Z","dc:title":"Product Teaser","xdm:linkURL":"\/content\/core-components-examples\/library\/commerce\/productteaser.html"}},":type":"cif-components-examples\/components\/page"},{"id":"navigation-0e123bccd2-item-a951b11a6c","path":"\/content\/core-components-examples\/library\/commerce\/productcarousel","children":[],"level":2,"active":false,"description":"Display commerce product carousel","lastModified":1589359153015,"url":"\/content\/core-components-examples\/library\/commerce\/productcarousel.html","title":"Product Carousel","dataLayer":{"navigation-0e123bccd2-item-a951b11a6c":{"@type":"core\/wcm\/components\/navigation\/v1\/navigation\/item","repo:modifyDate":"2021-02-11T17:13:13Z","dc:title":"Product Carousel","xdm:linkURL":"\/content\/core-components-examples\/library\/commerce\/productcarousel.html"}},":type":"cif-components-examples\/components\/page"},{"id":"navigation-0e123bccd2-item-9e0a26222d","path":"\/content\/core-components-examples\/library\/commerce\/relatedproducts","children":[],"level":2,"active":false,"description":"Display commerce related products","lastModified":1589807057713,"url":"\/content\/core-components-examples\/library\/commerce\/relatedproducts.html","title":"Related Products","dataLayer":{"navigation-0e123bccd2-item-9e0a26222d":{"@type":"core\/wcm\/components\/navigation\/v1\/navigation\/item","repo:modifyDate":"2021-02-11T17:13:13Z","dc:title":"Related Products","xdm:linkURL":"\/content\/core-components-examples\/library\/commerce\/relatedproducts.html"}},":type":"cif-components-examples\/components\/page"},{"id":"navigation-0e123bccd2-item-b907503750","path":"\/content\/core-components-examples\/library\/commerce\/productlist","children":[],"level":2,"active":false,"description":"Display commerce products","lastModified":1594813518109,"url":"\/content\/core-components-examples\/library\/commerce\/productlist.html","title":"Product List","dataLayer":{"navigation-0e123bccd2-item-b907503750":{"@type":"core\/wcm\/components\/navigation\/v1\/navigation\/item","repo:modifyDate":"2021-02-11T17:13:13Z","dc:title":"Product List","xdm:linkURL":"\/content\/core-components-examples\/library\/commerce\/productlist.html"}},":type":"cif-components-examples\/components\/page"},{"id":"navigation-0e123bccd2-item-d2f34340dd","path":"\/content\/core-components-examples\/library\/commerce\/search","children":[],"level":2,"active":false,"description":"Display commerce products search results","lastModified":1591263295649,"url":"\/content\/core-components-examples\/library\/commerce\/search.html","title":"Search","dataLayer":{"navigation-0e123bccd2-item-d2f34340dd":{"@type":"core\/wcm\/components\/navigation\/v1\/navigation\/item","repo:modifyDate":"2021-02-11T17:13:13Z","dc:title":"Search","xdm:linkURL":"\/content\/core-components-examples\/library\/commerce\/search.html"}},":type":"cif-components-examples\/components\/page"},{"id":"navigation-0e123bccd2-item-cf30385173","path":"\/content\/core-components-examples\/library\/commerce\/categorycarousel","children":[],"level":2,"active":false,"description":"Display product categories in a carousel","lastModified":1602669903012,"url":"\/content\/core-components-examples\/library\/commerce\/categorycarousel.html","title":"Category Carousel","dataLayer":{"navigation-0e123bccd2-item-cf30385173":{"@type":"core\/wcm\/components\/navigation\/v1\/navigation\/item","repo:modifyDate":"2021-02-11T17:13:13Z","dc:title":"Category Carousel","xdm:linkURL":"\/content\/core-components-examples\/library\/commerce\/categorycarousel.html"}},":type":"cif-components-examples\/components\/page"},{"id":"navigation-0e123bccd2-item-7ca4f389fe","path":"\/content\/core-components-examples\/library\/commerce\/featuredcategorylist","children":[],"level":2,"active":false,"description":"Display a list of categories","lastModified":1591169014274,"url":"\/content\/core-components-examples\/library\/commerce\/featuredcategorylist.html","title":"Featured Category List","dataLayer":{"navigation-0e123bccd2-item-7ca4f389fe":{"@type":"core\/wcm\/components\/navigation\/v1\/navigation\/item","repo:modifyDate":"2021-02-11T17:13:13Z","dc:title":"Featured Category List","xdm:linkURL":"\/content\/core-components-examples\/library\/commerce\/featuredcategorylist.html"}},":type":"cif-components-examples\/components\/page"},{"id":"navigation-0e123bccd2-item-af0aa43138","path":"\/content\/core-components-examples\/library\/commerce\/teaser","children":[],"level":2,"active":false,"description":"Display teaser content","lastModified":1591105012839,"url":"\/content\/core-components-examples\/library\/commerce\/teaser.html","title":"Commerce Teaser","dataLayer":{"navigation-0e123bccd2-item-af0aa43138":{"@type":"core\/wcm\/components\/navigation\/v1\/navigation\/item","repo:modifyDate":"2021-02-11T17:13:13Z","dc:title":"Commerce Teaser","xdm:linkURL":"\/content\/core-components-examples\/library\/commerce\/teaser.html"}},":type":"cif-components-examples\/components\/page"},{"id":"navigation-0e123bccd2-item-98fa786e24","path":"\/content\/core-components-examples\/library\/commerce\/navigation","children":[{"id":"navigation-0e123bccd2-item-5ecc840b3f","path":"\/content\/core-components-examples\/library\/commerce\/navigation\/catalogpage","children":[],"level":3,"active":false,"lastModified":1555500128497,"url":"\/content\/core-components-examples\/library\/commerce\/navigation\/catalogpage.html","title":"Catalog Page","dataLayer":{"navigation-0e123bccd2-item-5ecc840b3f":{"@type":"core\/wcm\/components\/navigation\/v1\/navigation\/item","repo:modifyDate":"2021-02-11T17:13:13Z","dc:title":"Catalog Page","xdm:linkURL":"\/content\/core-components-examples\/library\/commerce\/navigation\/catalogpage.html"}},":type":"cif-components-examples\/components\/catalogpage"}],"level":2,"active":false,"description":"Display the site navigation menu","lastModified":1591190630847,"url":"\/content\/core-components-examples\/library\/commerce\/navigation.html","title":"Navigation","dataLayer":{"navigation-0e123bccd2-item-98fa786e24":{"@type":"core\/wcm\/components\/navigation\/v1\/navigation\/item","repo:modifyDate":"2021-02-11T17:13:13Z","dc:title":"Navigation","xdm:linkURL":"\/content\/core-components-examples\/library\/commerce\/navigation.html"}},":type":"cif-components-examples\/components\/page"},{"id":"navigation-0e123bccd2-item-3a75e07a3d","path":"\/content\/core-components-examples\/library\/commerce\/breadcrumb","children":[],"level":2,"active":false,"description":"Display the site and commerce breadcrumb","lastModified":1598270582160,"url":"\/content\/core-components-examples\/library\/commerce\/breadcrumb.html","title":"Breadcrumb","dataLayer":{"navigation-0e123bccd2-item-3a75e07a3d":{"@type":"core\/wcm\/components\/navigation\/v1\/navigation\/item","repo:modifyDate":"2021-02-11T17:13:13Z","dc:title":"Breadcrumb","xdm:linkURL":"\/content\/core-components-examples\/library\/commerce\/breadcrumb.html"}},":type":"cif-components-examples\/components\/page"},{"id":"navigation-0e123bccd2-item-b5ffe840f5","path":"\/content\/core-components-examples\/library\/commerce\/minicart","children":[],"level":2,"active":false,"description":"Display the minicart and checkout","lastModified":1598270582160,"url":"\/content\/core-components-examples\/library\/commerce\/minicart.html","title":"Minicart & Checkout","dataLayer":{"navigation-0e123bccd2-item-b5ffe840f5":{"@type":"core\/wcm\/components\/navigation\/v1\/navigation\/item","repo:modifyDate":"2021-02-11T17:13:13Z","dc:title":"Minicart & Checkout","xdm:linkURL":"\/content\/core-components-examples\/library\/commerce\/minicart.html"}},":type":"cif-components-examples\/components\/page"},{"id":"navigation-0e123bccd2-item-2209db81b0","path":"\/content\/core-components-examples\/library\/commerce\/carttrigger","children":[],"level":2,"active":false,"description":"Display the trigger to open and close the cart","lastModified":1598270582160,"url":"\/content\/core-components-examples\/library\/commerce\/carttrigger.html","title":"Cart Trigger","dataLayer":{"navigation-0e123bccd2-item-2209db81b0":{"@type":"core\/wcm\/components\/navigation\/v1\/navigation\/item","repo:modifyDate":"2021-02-11T17:13:13Z","dc:title":"Cart Trigger","xdm:linkURL":"\/content\/core-components-examples\/library\/commerce\/carttrigger.html"}},":type":"cif-components-examples\/components\/page"},{"id":"navigation-0e123bccd2-item-1839f3c753","path":"\/content\/core-components-examples\/library\/commerce\/resetpassword","children":[],"level":2,"active":false,"description":"Display reset password form","lastModified":1598270582160,"url":"\/content\/core-components-examples\/library\/commerce\/resetpassword.html","title":"Reset Password","dataLayer":{"navigation-0e123bccd2-item-1839f3c753":{"@type":"core\/wcm\/components\/navigation\/v1\/navigation\/item","repo:modifyDate":"2021-02-11T17:13:13Z","dc:title":"Reset Password","xdm:linkURL":"\/content\/core-components-examples\/library\/commerce\/resetpassword.html"}},":type":"cif-components-examples\/components\/page"},{"id":"navigation-0e123bccd2-item-f330b5221d","path":"\/content\/core-components-examples\/library\/commerce\/experiencefragment","children":[],"level":2,"active":false,"description":"Dynamically display commerce data","lastModified":1610357059787,"url":"\/content\/core-components-examples\/library\/commerce\/experiencefragment.html","title":"Experience Fragment","dataLayer":{"navigation-0e123bccd2-item-f330b5221d":{"@type":"core\/wcm\/components\/navigation\/v1\/navigation\/item","repo:modifyDate":"2021-02-11T17:13:13Z","dc:title":"Experience Fragment","xdm:linkURL":"\/content\/core-components-examples\/library\/commerce\/experiencefragment.html"}},":type":"cif-components-examples\/components\/page"}],"level":1,"active":false,"lastModified":1544121656470,"url":"\/content\/core-components-examples\/library\/commerce.html","title":"Commerce","dataLayer":{"navigation-0e123bccd2-item-9ab3d0177f":{"@type":"core\/wcm\/components\/navigation\/v1\/navigation\/item","dc:title":"Commerce","xdm:linkURL":"\/content\/core-components-examples\/library\/commerce.html"}},":type":"foundation\/components\/redirect"}],"level":0,"active":true,"description":"AEM Core Components - Component Library","lastModified":1590161225662,"url":"\/content\/core-components-examples\/library.html","title":"Component Library","dataLayer":{"navigation-0e123bccd2-item-9bee4d4454":{"@type":"core\/wcm\/components\/navigation\/v1\/navigation\/item","repo:modifyDate":"2019-12-20T18:35:24Z","dc:title":"Component Library","xdm:linkURL":"\/content\/core-components-examples\/library.html"}},":type":"core-components-examples\/components\/page"}],":type":"core\/wcm\/components\/navigation\/v1\/navigation","dataLayer":{"navigation-0e123bccd2":{"@type":"core\/wcm\/components\/navigation\/v1\/navigation","repo:modifyDate":"2019-05-21T15:59:35Z"}}}
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 *