Metro Component Library Demo 2.0

Side navigation: Two Level 

<nav aria-label="Secondary navigation,,">
    <ul class="usa-sidenav">
        <li class="usa-sidenav__item">
            <a href="javascript:void(0);">Parent link</a>
        </li>
        <li class="usa-sidenav__item">
            <a href="javascript:void(0);" class="usa-current">Current page</a>
            <ul class="usa-sidenav__sublist">
                <li class="usa-sidenav__item">
                    <a href="javascript:void(0);">Child link</a>
                </li>
                <li class="usa-sidenav__item">
                    <a href="javascript:void(0);">Child link</a>
                </li>
                <li class="usa-sidenav__item">
                    <a href="javascript:void(0);">Child link</a>
                </li>
                <li class="usa-sidenav__item">
                    <a href="javascript:void(0);">Child link</a>
                </li>
                <li class="usa-sidenav__item">
                    <a href="javascript:void(0);" class="usa-current">Child link</a>
                </li>
            </ul>
        </li>
        <li class="usa-sidenav__item">
            <a href="javascript:void(0);">Parent link</a>
        </li>
    </ul>
</nav>

No notes defined.

package:
  name: metro-digital-design-system-demo
  version: 0.1.0
uswds:
  path: ../../../dist
placeholderLink: javascript:void()
sidenav:
  aria: Secondary navigation,,
  links:
    - text: Parent link
    - text: Current page
      current: true
      links:
        - text: Child link
        - text: Child link
        - text: Child link
        - text: Child link
        - text: Child link
          current: true
    - text: Parent link