Dropdown Stable

A Dropdown is a small overlay that can contain any type of content, which are displayed on demand.

Left aligned dropdown

<div class="js-dropdown dropdown ">
  <span class="margin-bottom-0 dropdown__toggle">Dropdown <i class="icon-dropdown"></i></span>
  <div class="menu dropdown__panel">
    <div class="menu__item">Apple Pie</div><div class="menu__item">Orange Juice</div><div class="menu__item">Banana Joe</div>
  </div>
</div>

Right aligned dropdown

<div class="js-dropdown dropdown dropdown--right">
  <span class="margin-bottom-0 dropdown__toggle">Dropdown <i class="icon-dropdown"></i></span>
  <div class="menu dropdown__panel">
    <div class="menu__item">Apple Pie</div><div class="menu__item">Orange Juice</div><div class="menu__item">Banana Joe</div>
  </div>
</div>