...
HTML |
---|
<nav class="aui-navgroup aui-navgroup-horizontal"> <div class="aui-navgroup-inner"> <div class="aui-navgroup-primary"> <div class="aui-nav-heading"></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"></div> <button class="aui-button aui-dropdown2-trigger" aria-controls="example-dropdown"> DropdownMethods & menuTools </button> <aui-dropdown-menu id="example-dropdown"> <aui-section label="Links"> <aui-item-link href="httphttps://atlassian.com">Atlassian<qnetconfluence.cms.gov/display/HCD/Affinity+Diagram">Affinity Diagram</aui-item-link> <aui-item-link href="httphttps://newsqnetconfluence.ycombinator.com">Hacker news<cms.gov/display/HCD/Card+Sorting">Card Sort</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> |
...