Components

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

Avatar

User avatars with sizes, status indicators, and groups.

Preview
SM
MD
LG
XL
A
B
C
+3
Code
1<!-- Sizes -->
2<span class="ui-avatar ui-sm">SM</span>
3<span class="ui-avatar">MD</span>
4<span class="ui-avatar ui-lg">LG</span>
5<span class="ui-avatar ui-xl">XL</span>
6
7<!-- Group -->
8<div class="ui-avatar-group">
9  <span class="ui-avatar">A</span>
10  <span class="ui-avatar">B</span>
11  <span class="ui-avatar">C</span>
12  <span class="ui-avatar">+3</span>
13</div>