CDLIB UI

Secondary Nav 

<nav aria-labelledby="secondarynav-heading" class="c-secondarynav c-sidebarnav">
    <header>
        <h2 id="secondarynav-heading">

            <a href="https://cdlib.org/about/">About CDL</a>

        </h2>
        <div class="c-secondarynav__buttons js-secondarynav__buttons">
            <button aria-expanded="true" class="c-secondarynav__close-button js-secondarynav__close-button o-button5">Close Menu</button>
            <button aria-expanded="false" class="c-secondarynav__open-button js-secondarynav__open-button o-button6 is-shown">Open Menu</button>
        </div>
    </header>
    <div class="c-secondarynav__body js-secondarynav__body is-open">
        <ul>
            <li>
                <a href="https://cdlib.org/about/">About CDL</a>

                <ul>
                    <li>
                        <a href="https://cdlib.org/about/mission-vision-and-values/">Mission, Vision, and Values</a>

                    </li>
                    <li>
                        <a href="https://cdlib.org/about/mfted/">Message from the Associate Vice Provost / Executive Director</a>

                    </li>
                    <li>
                        <a href="https://cdlib.org/about/our-organization/">Our Organization</a>

                    </li>
                    <li>
                        <a href="https://cdlib.org/about/executive-office/">CDL Executive Office</a>

                    </li>
                    <li>
                        <a href="https://cdlib.org/about/grants-and-partnerships/">Grants and Partnerships</a>

                    </li>
                    <li>
                        <a href="https://cdlib.org/about/standards-and-memberships/">Standards and Memberships</a>

                    </li>
                    <li>
                        <a href="https://cdlib.org/about/policies-and-guidelines/">Policies and Guidelines</a>

                    </li>
                    <li>
                        <a href="https://cdlib.org/about/cdl-awards-and-honors/">CDL Awards and Honors</a>

                    </li>
                    <li>
                        <a href="https://cdlib.org/about/cdl-by-the-numbers/">CDL by the Numbers</a>

                    </li>
                    <li>
                        <a href="https://cdlib.org/about/job-opportunities/">Job Opportunities</a>

                    </li>
                </ul>
            </li>
        </ul>
    </div>
</nav>
 
<nav aria-labelledby="secondarynav-heading" class="c-secondarynav c-sidebarnav">
  <header>
    {{> @heading }}
    <div class="c-secondarynav__buttons js-secondarynav__buttons">
      <button aria-expanded="true" class="c-secondarynav__close-button js-secondarynav__close-button o-button5">{{ secondarynav.closeButtonText }}</button>
      <button aria-expanded="false" class="c-secondarynav__open-button js-secondarynav__open-button o-button6 is-shown">{{ secondarynav.openButtonText }}</button>
    </div>
  </header>
  <div class="c-secondarynav__body js-secondarynav__body is-open">
    <ul>
      <li>{{> @link }}
        <ul>
          {{#each list}}
          <li>{{> @link }}</li>
          {{/each}}
        </ul>
      </li>
    </ul>
  </div>
</nav>
 
{
  "heading": {
    "level": "2",
    "id": "secondarynav-heading"
  },
  "link1": true,
  "link": {
    "text": "About CDL",
    "url": "https://cdlib.org/about/"
  },
  "secondarynav": {
    "closeButtonText": "Close Menu",
    "openButtonText": "Open Menu"
  },
  "list": [
    {
      "link": {
        "text": "Mission, Vision, and Values",
        "url": "https://cdlib.org/about/mission-vision-and-values/"
      }
    },
    {
      "link": {
        "text": "Message from the Associate Vice Provost / Executive Director",
        "url": "https://cdlib.org/about/mfted/"
      }
    },
    {
      "link": {
        "text": "Our Organization",
        "url": "https://cdlib.org/about/our-organization/"
      }
    },
    {
      "link": {
        "text": "CDL Executive Office",
        "url": "https://cdlib.org/about/executive-office/"
      }
    },
    {
      "link": {
        "text": "Grants and Partnerships",
        "url": "https://cdlib.org/about/grants-and-partnerships/"
      }
    },
    {
      "link": {
        "text": "Standards and Memberships",
        "url": "https://cdlib.org/about/standards-and-memberships/"
      }
    },
    {
      "link": {
        "text": "Policies and Guidelines",
        "url": "https://cdlib.org/about/policies-and-guidelines/"
      }
    },
    {
      "link": {
        "text": "CDL Awards and Honors",
        "url": "https://cdlib.org/about/cdl-awards-and-honors/"
      }
    },
    {
      "link": {
        "text": "CDL by the Numbers",
        "url": "https://cdlib.org/about/cdl-by-the-numbers/"
      }
    },
    {
      "link": {
        "text": "Job Opportunities",
        "url": "https://cdlib.org/about/job-opportunities/"
      }
    }
  ]
}

No notes defined.