Menu bar
Voorbeeld HTML
<div class="rvo-menubar__background rvo-menubar__background--horizontal-rule">
<nav class="rvo-menubar rvo-menubar--md">
<ul class="rvo-menubar__ul">
<li class="rvo-menubar__list">
<ul class="rvo-menubar__group--flex">
<li class="rvo-menubar__item">
<a class="rvo-link rvo-menubar__link rvo-link--logoblauw" href="#">
Home
</a>
</li>
<li class="rvo-menubar__item rvo-menubar__item--submenu">
<a
class="rvo-link rvo-menubar__link rvo-link--logoblauw"
role="button"
href="#"
>
Onderwerpen
<span
class="utrecht-icon rvo-icon rvo-icon-delta-omlaag rvo-icon--md rvo-icon--wit"
role="img"
aria-label="Delta omlaag"
></span>
</a>
</li>
<li class="rvo-menubar__item rvo-menubar__item--submenu">
<a
class="rvo-link rvo-menubar__link rvo-link--logoblauw"
role="button"
href="#"
>
Subsidies en financiering
<span
class="utrecht-icon rvo-icon rvo-icon-delta-omlaag rvo-icon--md rvo-icon--wit"
role="img"
aria-label="Delta omlaag"
></span>
</a>
</li>
</ul>
<ul class="rvo-menubar__group--flex">
<li class="rvo-menubar__item" align="right">
<a class="rvo-link rvo-menubar__link rvo-link--logoblauw" href="#">
Zoeken
</a>
</li>
<li class="rvo-menubar__item" align="right">
<a class="rvo-link rvo-menubar__link rvo-link--logoblauw" href="#">
Uitloggen
</a>
</li>
</ul>
</li>
</ul>
</nav>
</div>
Regels:
- Zet altijd een knop 'uitloggen' rechts (of onderin bij direction 'vertical') in de Menubar.