The subpage navigation is used to separate one main body of content into multiple subpages by year, or other category. Use when the navigation items create strong content groups worthy of separating identical information into multiple pages, but within one view.

Be cautious when combining this navigation element with filters, as it can be difficult to distinguish filter behavior from navigation behavior.

<div class="container-margin">
    <section id="companies" data-year="2016" class="explore-subpage container container-margin">
        <section class="explore-subpage-nav container">
            <div class="explore-subpage-tabs">
                <ul>
                    <li class="explore-subpage-tab">
                        <a href="#">2013</a>
                    </li>
                    <li class="explore-subpage-tab">
                        <a href="#">2014</a>
                    </li>
                    <li class="explore-subpage-tab">
                        <a href="#">2015</a>
                    </li>
                    <li class="explore-subpage-tab active">
                        <a href="#">2016</a>
                    </li>
                </ul>
            </div>
        </section>
    </section>
</div>
<div class="container-margin">
  <section id="companies" data-year="2016" class="explore-subpage container container-margin">
    <section class="explore-subpage-nav container">
      <div class="explore-subpage-tabs">
        <ul>
          <li class="explore-subpage-tab">
            <a href="#">2013</a>
          </li>
          <li class="explore-subpage-tab">
            <a href="#">2014</a>
          </li>
          <li class="explore-subpage-tab">
            <a href="#">2015</a>
          </li>
          <li class="explore-subpage-tab active">
            <a href="#">2016</a>
          </li>
        </ul>
      </div>
    </section>
  </section>
</div>
/* No context defined for this component. */
  • Handle: @subpage-navigation
  • Preview:
  • Filesystem Path: components/components/navigation/subpage-navigation/subpage-navigation.hbs