IMenu
Exempel
Horisontell
<nav class="imenu imenu--horizontal">
<ul class="imenu__list">
<li class="imenu__list__item">
<a tabindex="0" class="imenu__list__anchor">File</a>
</li>
<li class="imenu__list__item">
<a tabindex="0" class="imenu__list__anchor">Edit</a>
</li>
<li class="imenu__list__item">
<a tabindex="0" class="imenu__list__anchor">Selection</a>
</li>
<li class="imenu__list__item">
<a tabindex="0" class="imenu__list__anchor--highlight">View</a>
</li>
<li class="imenu__list__item">
<a tabindex="0" class="imenu__list__anchor">Go</a>
</li>
<li class="imenu__list__item">
<a tabindex="0" class="imenu__list__anchor">Run</a>
</li>
<li class="imenu__list__item">
<a tabindex="0" class="imenu__list__anchor">Terminal</a>
</li>
<li class="imenu__list__item">
<a tabindex="0" class="imenu__list__anchor">Help</a>
</li>
</ul>
</nav>
Vertikal
<nav class="imenu imenu--vertical">
<ul class="imenu__list">
<li class="imenu__list__item">
<a tabindex="0">File</a>
</li>
<li class="imenu__list__item">
<a tabindex="0">Edit</a>
</li>
<li class="imenu__list__item">
<a tabindex="0">Selection</a>
</li>
<li class="imenu__list__item imenu__list__item--highlight">
<a tabindex="0">View</a>
</li>
<li class="imenu__list__item">
<a tabindex="0">Go</a>
</li>
<li class="imenu__list__item">
<a tabindex="0">Run</a>
</li>
<li class="imenu__list__item">
<a tabindex="0">Terminal</a>
</li>
<li class="imenu__list__item">
<a tabindex="0">Help</a>
</li>
</ul>
</nav>
Övrigt
Länkar
Användargränsnitt, Förvaltningsdokumentation -Startpunkt för komponent
Designriktlinjersjälvbetjäning
Designriktlinjer interna system
FKUI Vue - Vue komponent som innehåller logik och interaktion baserad på FKUI Design