ACCESS NYC

Patterns

Nav

Nav Inline

Source: src/elements/nav/nav-inline

<nav class="nav-inline"><a class="active" href="#">Am I eligible?</a><a href="#">Programs</a><a href="#">Find help</a><a class="td-inherit" href="#search"><svg class="icon icon-ui-search">
      <use xlink:href="#icon-ui-search"></use>
    </svg>Search</a></nav>

Nav Block

Source: src/elements/nav/nav-block

<nav class="nav-block"><a class="active" href="#">Am I eligible?</a><a href="#">Programs</a><a href="#">Find help</a><a class="td-inherit" href="#search"><svg class="icon icon-ui-search">
      <use xlink:href="#icon-ui-search"></use>
    </svg>Search</a></nav>