Work in progress
This page is a design preview. It may not contain the latest guidance and may not behave as expected.
Current guidance can always be found at design-system.dwp.gov.uk.
Horizontal navigation
HTML
<nav class="dwp-horizontal-navigation" aria-label="Horizontal">
<ul class="dwp-horizontal-navigation__list">
<li class="dwp-horizontal-navigation__item dwp-horizontal-navigation__item--selected">
<a id="s-item-1" href="#s-item-1" class="dwp-horizontal-navigation__link" aria-current="true">Item 1</a>
</li>
<li class="dwp-horizontal-navigation__item">
<a id="s-item-2" href="#s-item-2" class="dwp-horizontal-navigation__link">Item 2</a>
</li>
<li class="dwp-horizontal-navigation__item">
<a id="s-item-3" href="#s-item-3" class="dwp-horizontal-navigation__link">Item 3</a>
</li>
</ul>
</nav>