patternfly
Version:
This reference implementation of PatternFly is based on [Bootstrap v3](http://getbootstrap.com/). Think of PatternFly as a "skinned" version of Bootstrap with additional components and customizations.
53 lines (52 loc) • 2.16 kB
HTML
<li class="applauncher-pf {% if include.grid %} applauncher-pf-block-list {% endif %} dropdown dropdown-kebab-pf">
<a class="dropdown-toggle nav-item-iconic" data-toggle="dropdown" href="#">
<i class="fa fa-th applauncher-pf-icon" aria-hidden="true"></i>
<span class="applauncher-pf-title">
Application Launcher
<span class="caret" aria-hidden="true"></span>
</span>
</a>
<ul class="dropdown-menu dropdown-menu-right" role="menu">
<li class="applauncher-pf-item" role="menuitem">
<a class="applauncher-pf-link" href="#">
{% if include.icons %}
<i class="applauncher-pf-link-icon pficon pficon-storage-domain" aria-hidden="true"></i>
{% endif %}
<span class="applauncher-pf-link-title">Recteque</span>
</a>
</li>
<li class="applauncher-pf-item" role="menuitem">
<a class="applauncher-pf-link" href="#">
{% if include.icons %}
<i class="applauncher-pf-link-icon pficon pficon-virtual-machine" aria-hidden="true"></i>
{% endif %}
<span class="applauncher-pf-link-title">Ipsum</span>
</a>
</li>
<li class="applauncher-pf-item" role="menuitem">
<a class="applauncher-pf-link" href="#">
{% if include.icons %}
<!-- Placeholder left to maintain spacing -->
<i class="applauncher-pf-link-icon" aria-hidden="true"></i>
{% endif %}
<span class="applauncher-pf-link-title">Suavitate</span>
</a>
</li>
<li class="applauncher-pf-item" role="menuitem">
<a class="applauncher-pf-link" href="#">
{% if include.icons %}
<i class="applauncher-pf-link-icon pficon pficon-domain" aria-hidden="true"></i>
{% endif %}
<span class="applauncher-pf-link-title">Lorem</span>
</a>
</li>
<li class="applauncher-pf-item" role="menuitem">
<a class="applauncher-pf-link" href="#">
{% if include.icons %}
<i class="applauncher-pf-link-icon pficon pficon-home" aria-hidden="true"></i>
{% endif %}
<span class="applauncher-pf-link-title">Home</span>
</a>
</li>
</ul>
</li>