Dropdown

Dropdown menus for actions and navigation

Basic Usage

HTML

<div class="bl-dropdown">
  <button class="bl-btn bl-btn-primary bl-dropdown-toggle">
    Dropdown
  </button>
  <ul class="bl-dropdown-menu">
    <li><a href="#" class="bl-dropdown-item">Action 1</a></li>
    <li><a href="#" class="bl-dropdown-item">Action 2</a></li>
    <li><hr class="bl-dropdown-divider"></li>
    <li><a href="#" class="bl-dropdown-item">Action 3</a></li>
  </ul>
</div>

Right aligned

HTML

<div class="bl-dropdown">
  <button class="bl-btn bl-btn-primary bl-dropdown-toggle">
    Dropdown
  </button>
  <ul class="bl-dropdown-menu bl-dropdown-menu-right">
    <li><a href="#" class="bl-dropdown-item">Action</a></li>
  </ul>
</div>