Components

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

Input

Form inputs with labels, helpers, and validation states.

Preview
We'll never share your email.
Password must be at least 8 characters.
Code
1<div class="ui-input-group">
2  <label class="ui-label">Email</label>
3  <input class="ui-input" type="email"
4    placeholder="you@example.com" />
5  <span class="ui-helper">We'll never share your email.</span>
6</div>
7
8<div class="ui-input-group">
9  <label class="ui-label">Password</label>
10  <input class="ui-input ui-error" type="password" />
11  <span class="ui-helper ui-error">
12    Password must be at least 8 characters.
13  </span>
14</div>