Icon

Icon menu

Sometimes you need a smaller menu for a specific area or a smaller viewport. Try an icon menu!

Demo

Markup

<div class="icon-menu">
  <div class="icon-menu__item">
    <a href="" class="icon-menu__action">
      <i class="pi-edit"></i>
    </a>
  </div>
  <div class="icon-menu__item">
    <a href="" class="icon-menu__action">
      <i class="pi-clock"></i>
    </a>
  </div>
  <div class="icon-menu__item">
    <a href="" class="icon-menu__action">
      <i class="pi-trash"></i>
    </a>
  </div>
</div>

Modifiers

Modifier † Behavior
icon-menu--vertical Shift the menu’s orientation to vertical.

The base class is always required.