Components

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

Label

Form labels with required indicators and helper text.

Preview

Email address *

We'll never share your email.

Username

Code

1<div>
2  <label class="ui-label">
3    Email address <span class="ui-required">*</span>
4  </label>
5  <input type="email" class="ui-input" placeholder="you@example.com" />
6  <p class="ui-helper">We'll never share your email.</p>
7</div>
8
9<!-- With error -->
10<div>
11  <label class="ui-label ui-error">Password</label>
12  <input type="password" class="ui-input ui-error" />
13  <p class="ui-helper ui-error">Password is required.</p>
14</div>
15
16<!-- Disabled -->
17<div>
18  <label class="ui-label ui-disabled">Disabled field</label>
19  <input type="text" class="ui-input" disabled />
20</div>