Components

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

Card Variants

Elevated, outlined, flat, and interactive cards.

Preview

Elevated

With shadow

Outlined

Strong border

Flat

No border, no shadow

Interactive

Hover me!

Code

1<div class="ui-card ui-elevated">Elevated</div>
2<div class="ui-card ui-outlined">Outlined</div>
3<div class="ui-card ui-flat">Flat</div>
4<div class="ui-card ui-interactive ui-elevated">Interactive</div>