Page History

<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>