Metro Component Library Demo 2.0

Primary (header): Lang Es 

<button class="usa-nav__close">
    <img src="../../../dist/img/usa-icons/close.svg" role="img" alt="Cerrar">
</button>
<ul class="usa-nav__primary usa-accordion">
    <li class="usa-nav__primary-item">

        <button class="usa-accordion__button usa-nav__link usa-current" aria-expanded="false" aria-controls="undefinednav-section-one">
            <span>&lt;Current section&gt;</span>
        </button>

        <ul id="undefinednav-section-one" class="usa-nav__submenu">
            <li class="usa-nav__submenu-item">

                <a href="#">

                    &lt;Navigation link&gt;

                </a>

            </li>
            <li class="usa-nav__submenu-item">

                <a href="#">

                    &lt;Navigation link&gt;

                </a>

            </li>
            <li class="usa-nav__submenu-item">

                <a href="#">

                    &lt;Navigation link&gt;

                </a>

            </li>
        </ul>
    </li>
    <li class="usa-nav__primary-item">

        <button class="usa-accordion__button usa-nav__link" aria-expanded="false" aria-controls="undefinednav-section-two">
            <span>&lt;Section&gt;</span>
        </button>

        <ul id="undefinednav-section-two" class="usa-nav__submenu">
            <li class="usa-nav__submenu-item">

                <a href="#">

                    &lt;Navigation link&gt;

                </a>

            </li>
            <li class="usa-nav__submenu-item">

                <a href="#">

                    &lt;Navigation link&gt;

                </a>

            </li>
            <li class="usa-nav__submenu-item">

                <a href="#">

                    &lt;Navigation link&gt;

                </a>

            </li>
        </ul>
    </li>
    <li class="usa-nav__primary-item">

        <a href="javascript:void(0)" class="usa-nav__link">

            <span>&lt;Simple link&gt;</span>

        </a>

    </li>
</ul>

No notes defined.

package:
  name: metro-digital-design-system-demo
  version: 0.1.0
uswds:
  path: ../../../dist
placeholderLink: javascript:void()
lang: es
nav:
  search: false
  close:
    label: Cerrar
  links:
    - text: <Current section>
      is_current: true
      id: nav-section-one
      links:
        - text: <Navigation link>
          href: '#'
        - text: <Navigation link>
          href: '#'
          is_current: false
        - text: <Navigation link>
          href: '#'
        - text: <Navigation link>
          href: '#'
        - text: <A very long navigation link that goes onto two lines>
          href: '#'
        - text: <Navigation link>
          href: '#'
        - text: <Navigation link>
          href: '#'
        - text: <Navigation link>
          href: '#'
        - text: <Navigation link>
          href: '#'
    - text: <Section>
      id: nav-section-two
      links:
        - text: <Navigation link>
          href: '#'
        - text: <Navigation link>
          href: '#'
          is_current: false
        - text: <Navigation link>
          href: '#'
        - text: <Navigation link>
          href: '#'
        - text: <A very long navigation link that goes onto two lines>
          href: '#'
        - text: <Navigation link>
          href: '#'
        - text: <Navigation link>
          href: '#'
        - text: <Navigation link>
          href: '#'
        - text: <Navigation link>
          href: '#'
    - text: <Simple link>
      href: javascript:void(0)