...
HTML |
---|
<nav class="aui-navgroup aui-navgroup-horizontal">
<div class="aui-navgroup-inner">
<div class="aui-navgroup-primary">
<ul class="aui-nav">
<li><a href="#">Nav item</a></li>
<li class="aui-nav-selected"><a href="#">Selected item</a></li>
<li><a href="#">Pull requests <span class="aui-badge">123</span></a></li>
<li><a href="#dropdown2-nav1" aria-owns="dropdown2-nav1" aria-haspopup="true" class="aui-dropdown2-trigger">Dropdown <span class="aui-icon-dropdown"></span></a></li>
<li><a href="#"><span class="aui-icon aui-icon-test16-dark"></span> Overview</a></li>
<li><a href="#">Kitchen sink</a></li>
</ul>
</div><!-- .aui-navgroup-primary -->
<div class="aui-navgroup-secondary">
<ul class="aui-nav">
<li><a href="#dropdown2-nav1" aria-owns="dropdown2-nav1" aria-haspopup="true" class="aui-dropdown2-trigger"><span class="aui-icon aui-icon-small aui-iconfont-configure">Configure</span></a></li>
</ul>
</div><!-- .aui-navgroup-secondary -->
</div><!-- .aui-navgroup-inner -->
</nav><!-- .aui-navgroup -->
<!-- Trigger -->
<a href="#dwarfers" aria-owns="dwarfers" aria-haspopup="true" class="aui-button aui-style-default aui-dropdown2-trigger">Dropdown trigger</a>
<!-- Dropdown -->
<div id="dwarfers" class="aui-style-default aui-dropdown2">
<ul class="aui-list-truncate">
<li><a href="#">Menu item</a></li>
<li><a href="#">Menu item</a></li>
<li><a href="#">Menu item</a></li>
<li><a href="#">Menu item</a></li>
</ul>
</div> |