
</ul>
</hljs>

<ul class="icon-top large-icon-left menu-bar">
  <li><a href="#"><img zf-iconic icon="thumb" size="small" class="iconic-color-primary">Thumbs Up</a></li>
  <li><a href="#"><img zf-iconic icon="thumb" size="small" class="iconic-color-primary">Like</a></li>
  <li><a href="#"><img zf-iconic icon="thumb" size="small" class="iconic-color-primary">Bro!</a></li>
</ul>

<hr>

<h3>Menu Group</h3>

<p>Use the <code>menu-group</code> component to wrap two menu bars in a container, which will pin one to