Components

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

Modal

Dialog modal with overlay, header, body, and footer.

Preview

Code

1<div class="ui-overlay">
2  <div class="ui-modal">
3    <div class="ui-header">Confirm Action</div>
4    <div class="ui-body">
5      Are you sure you want to delete this item?
6      This action cannot be undone.
7    </div>
8    <div class="ui-footer">
9      <button class="ui-button ui-secondary">Cancel</button>
10      <button class="ui-button ui-danger">Delete</button>
11    </div>
12  </div>
13</div>