Dropdown

Position

Valid values: top bottom left right top-left top-right bottom-left bottom-right left-top right-top left-bottom right-bottom

Use the specified value to modify the position of the drop-down list at the bottom class position of this line.

<div class="dropdown success">
  <label class="btn solid" tabindex="0">Open Dropdown</label>
  <div class="menu bottom">
    <a class="item text-sm">Profile</a>
    <a class="item text-sm" tabindex="-1">Account settings</a>
    <a class="item text-sm" tabindex="-1">Subscriptions</a>
  </div>
</div>

Divider

<div class="dropdown success">
  <label class="btn solid" tabindex="0">With Divider</label>
  <div class="menu bottom">
    <a class="item text-sm">Profile</a>
    <div class="is-divider" role="separator"></div>
    <a class="item text-sm" tabindex="-1">Account settings</a>
    <a class="item text-sm" tabindex="-1">Subscriptions</a>
  </div>
</div>

Subtitle

<div class="dropdown success">
  <label class="btn solid" tabindex="0">With Divider</label>
  <div class="menu bottom">
    <a class="item text-sm">Profile</a>
    <div class="is-divider" role="separator"></div>
    <p class="subtitle">Settings</p>
    <a class="item text-sm" tabindex="-1">Account settings</a>
    <a class="item text-sm" tabindex="-1">Subscriptions</a>
  </div>
</div>

Drawer Input