...
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">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> <aui-dropdown-menu id="link-items"> <aui-section label="Links"> <aui-item-link href="http://example.com#profile">Profile</aui-item-link> <aui-item-link href="http://example.com#account-settings">Account settings</aui-item-link> <aui-item-link href="http://example.com#inbox">Inbox</aui-item-link> </aui-section> </aui-dropdown-menu> |