Components

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

Card

Card with header, body, and footer slots.

Preview

Card Title

This is a simple card with header, body, and footer slots. Compose freely with tokens.

Code

1<div class="ui-card">
2  <div class="ui-header">Card Title</div>
3  <div class="ui-body">
4    This is a simple card with header, body,
5    and footer slots.
6  </div>
7  <div class="ui-footer">
8    <button class="ui-button ui-secondary ui-sm">Cancel</button>
9    <button class="ui-button ui-primary ui-sm">Save</button>
10  </div>
11</div>