Components

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

1<nav class="ui-menu">
2  <div class="ui-menu-label">General</div>
3  <a href="#" class="ui-menu-item ui-active">
4    <span class="ui-icon">🏠</span> Dashboard
5  </a>
6  <a href="#" class="ui-menu-item">
7    <span class="ui-icon">👤</span> Profile
8  </a>
9  <a href="#" class="ui-menu-item">
10    <span class="ui-icon">⚙️</span> Settings
11  </a>
12  <div class="ui-menu-divider"></div>
13  <div class="ui-menu-label">Support</div>
14  <a href="#" class="ui-menu-item">
15    <span class="ui-icon">📖</span> Documentation
16  </a>
17</nav>
18
19<!-- Compact variant -->
20<nav class="ui-menu ui-compact">
21  <a href="#" class="ui-menu-item ui-active">Home</a>
22  <a href="#" class="ui-menu-item">About</a>
23</nav>

Components

Menu