Components

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

Tab

Tabbed navigation for switching between content panels.

Preview

Manage your account settings and preferences.

Code

1<div class="ui-tabs">
2  <div class="ui-tab-list">
3    <button class="ui-tab ui-active">Account</button>
4    <button class="ui-tab">Password</button>
5    <button class="ui-tab">Notifications</button>
6  </div>
7  <div class="ui-tab-panel">
8    Manage your account settings and preferences.
9  </div>
10</div>
11
12<!-- Pill variant -->
13<div class="ui-tabs ui-pills">
14  <div class="ui-tab-list">
15    <button class="ui-tab ui-active">Tab 1</button>
16    <button class="ui-tab">Tab 2</button>
17  </div>
18</div>