Page tree

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.


hcd-nav
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="http://example.com/">Nav item</a></li><li class="aui-nav-selected"><a href="http://example.com/">Selected nav item</a></li>
 <li><a href="http://example.com/">Nav item <span class="aui-badge">123</span></a></li>
 <li><a href="#dropdown2-nav1" aria-owns="dropdown2-nav1" aria-haspopup="true" class="aui-dropdown2-trigger" aria-controls="dropdown2-nav1">Dropdown <span class="aui-icon-dropdown"></span></a><!-- .aui-dropdown2 --><div id="dropdown2-nav1" class="aui-dropdown2 aui-style-default" data-dropdown2-alignment="left" aria-hidden="true" style="display: none; left: 612px; top: 719px;">
 <ul class="aui-list-truncate"><li><a href="http://example.com/" class="">Dropdown item</a></li>
 <li><a href="http://example.com/">Dropdown item</a></li>
 </ul>
   </div></li>
   <li><a href="http://example.com/">Nav item</a></li>
   <li><a href="http://example.com/">Nav item</a></li></ul></div>


<!-- .aui-navgroup-primary -->


<div class="aui-navgroup-secondary"><ul class="aui-nav"><li><a href="#dropdown2-nav2" aria-owns="dropdown2-nav2" aria-haspopup="true" class="aui-dropdown2-trigger" data-container="#aui-hnav-example"><span class="aui-icon aui-icon-small aui-iconfont-configure">Configure</span></a><div id="dropdown2-nav2" class="aui-dropdown2 aui-style-default"><ul class="aui-list-truncate"><li><a href="http://example.com/">Dropdown item</a></li><li><a href="http://example.com/">Dropdown item</a></li></ul></div><!-- .aui-dropdown2 --></li></ul></div><!-- .aui-navgroup-secondary --></div><!-- .aui-navgroup-inner --></nav>  
Horizontal Navigation Bar
id