x
1
2
3
4
5
6
7
<nav class="moj-sub-navigation" aria-label="Sub navigation"><ul class="moj-sub-navigation__list"> <li class="moj-sub-navigation__item"><a class="moj-sub-navigation__link" aria-current="page" href="#">Nav Item 1</a></li> <li class="moj-sub-navigation__item"><a class="moj-sub-navigation__link" href="#">Nav Item 2</a></li> <li class="moj-sub-navigation__item"><a class="moj-sub-navigation__link" href="#">Nav Item 3</a></li></ul></nav>1
2
3
4
5
<%= moj_sub_navigation do |nav| %> <%= nav.with_navigation_item(text: "Nav Item 1", href: "#", current: true) %> <%= nav.with_navigation_item(text: "Nav Item 2", href: "#") %> <%= nav.with_navigation_item(text: "Nav Item 3", href: "#") %><% end %>More information about how and when to use the Sub navigation component is available in the MoJ Design System documentation
No params configured.