Components

These components demonstrate how to build scalable semantic UI with TailUI.

Dropdown

Action menu with items, dividers, and keyboard navigation.

Preview

Code

1<div class="ui-dropdown ui-open ui-right">
2  <button class="ui-trigger ui-button ui-secondary">
3    Actions ▾
4  </button>
5  <div class="ui-menu">
6    <div class="ui-menu-header">Account</div>
7    <div class="ui-menu-item">Profile</div>
8    <div class="ui-menu-item">Settings</div>
9    <div class="ui-divider"></div>
10    <div class="ui-menu-item ui-danger">Logout</div>
11  </div>
12</div>