...
HTML |
---|
<nav class="aui-navgroup aui-navgroup-horizontal"> <div class="aui-navgroup-inner"> <div class="aui-navgroup-primary"> <ul class="aui-nav aui-dropdown2-trigger" aria-controls="example-dropdown"> <li><a href="#">Nav item</a></li> <li class="aui-nav-selected"><a href="#">Selected item</a></li> <li><a href="#">Pull requests <aui-badge>123</aui-badge>< <span class="aui-badge">123</span></a></li> <li><a href="#dropdown2#aui-dropdown2-nav1trigger" aria-owns="dropdown2-nav1" aria-controls="example-dropdown" aria-haspopup="true" class="aui-dropdown2-trigger">Dropdown <span class="aui-icon-dropdown"></span></a></li> <li><a href="#">Overview<"><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><!-- .aui-navgroup-inner --> </nav><!-- .aui-navgroup --> <button class="aui-button aui-dropdown2-trigger" aria-controls="example-dropdown"> Dropdown </div>menu </button> <aui-dropdown-menu id="example-dropdown"> <aui-section label="Links"> <aui-item-link href="http://atlassian.com">Atlassian</aui-item-link> <aui-item-link href="http://news.ycombinator.com">Hacker news</aui-item-link> <aui-item-link href="http://github.com">Github</aui-item-link> </aui-section> <aui-section label="Browsers"> <aui-item-radio interactive checked>Chrome</aui-item-radio> <aui-item-radio interactive>Firefox</aui-item-radio> <aui-item-radio interactive disabled>Safari</aui-item-radio> </aui-section> <aui-section label="Languages"> <aui-item-checkbox interactive checked>Javascript</aui-item-checkbox> <aui-item-checkbox interactive>Fortran</aui-item-checkbox> <aui-item-checkbox interactive>Rust</aui-item-checkbox> </div>aui-section> </nav>aui-dropdown-menu> |