Components

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

File Input

Drag-and-drop file upload zone with compact variant.

Preview

📁Drop files here or click to uploadPNG, JPG up to 10MB

Code

1<div class="ui-file-input">
2  <input type="file" />
3  <div class="ui-placeholder">
4    <span class="ui-icon">📁</span>
5    <span class="ui-text">
6      Drop files here or click to upload
7    </span>
8    <span class="ui-hint">PNG, JPG up to 10MB</span>
9  </div>
10</div>