Components

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

Alert

Contextual alert messages with variants and dismiss.

Preview

ℹ️

Info: A new version is available.

✅

Success: Your profile has been updated.

⚠️

Warning: Your trial expires in 3 days.

❌

Error: Failed to save changes.

Code

1<div class="ui-alert ui-info">
2  <span class="ui-title">Info:</span>
3  A new version is available.
4</div>
5
6<div class="ui-alert ui-success">
7  <span class="ui-title">Success:</span>
8  Your profile has been updated.
9</div>
10
11<div class="ui-alert ui-warning">
12  <span class="ui-title">Warning:</span>
13  Your trial expires in 3 days.
14</div>
15
16<div class="ui-alert ui-danger">
17  <span class="ui-title">Error:</span>
18  Failed to save changes.
19</div>