Skip to main content

Aside nav

Side menu for displaying things like tags or categories. Contains a header and a list of items.

Example

Categories list with count

<aside class="asideNav">

<h2 class="asideNav-title">Categories</h2>
<ol class="asideNav-items">
<li class="asideNav-item">
<a class="block" href="#">
ASP.NET <span class="asideNav-item-count">17</span>
</a>
</li>
<li class="asideNav-item">
<a class="block" href="#">
Visual Studio <span class="asideNav-item-count">12</span>
</a>
</li>
<li class="asideNav-item">
<a class="block" href="#">
CSS <span class="asideNav-item-count">8</span>
</a>
</li>
<li class="asideNav-item">
<a class="block" href="#">
NDepend <span class="asideNav-item-count">5</span>
</a>
</li>
<li class="asideNav-item">
<a class="block" href="#">
WinRT <span class="asideNav-item-count">4</span>
</a>
</li>
<li class="asideNav-item">
<a class="block" href="#">
Azure <span class="asideNav-item-count">4</span>
</a>
</li>
</ol>
</aside>