...
HTML |
---|
<nav class="aui-navgroup aui-navgroup-horizontal">
<div class="aui-navgroup-inner">
<div class="aui-navgroup-primary">
<div class="aui-nav-heading"><strong>Heading</strong></div>
<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 <aui-badge>123</aui-badge></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="#">Overview</a></li>
<li><a href="#">Kitchen Sink</a></li>
</ul>
</div>
<div class="aui-navgroup-secondary">
<div class="aui-nav-heading"><strong>Heading</strong></div>
<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>
</aui-section>
</aui-dropdown-menu>
</div>
</div>
|