Components

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

Pagination

Navigate through pages of content with numbered controls.

Preview

Code

1<nav class="ui-pagination">
2  <button class="ui-page ui-prev">←</button>
3  <button class="ui-page ui-active">1</button>
4  <button class="ui-page">2</button>
5  <button class="ui-page">3</button>
6  <span class="ui-ellipsis">…</span>
7  <button class="ui-page">10</button>
8  <button class="ui-page ui-next">→</button>
9</nav>
10
11<!-- With text navigation -->
12<nav class="ui-pagination">
13  <button class="ui-page ui-prev">Previous</button>
14  <button class="ui-page ui-active">1</button>
15  <button class="ui-page">2</button>
16  <button class="ui-page ui-next">Next</button>
17</nav>