Skip to content

Search Input

Label Input

Default Label


html
<label for="">Label</label>
<input type="text" placeholder="Username">

Error Label


Message
html
<label for="">Label</label>
<input type="text" placeholder="Username" class="input-error">
<span class="text-small text-error-normal">Message</span>

Success Label


Message
html
<label for="">Label</label>
<input type="text" placeholder="Username" class="input-success">
<span class="text-small text-success-normal">Message</span>

Warning


Message
html
<label for="">Label</label>
<input type="text" placeholder="Username" class="input-warning">
<span class="text-small text-warning-normal">Message</span>

Primary


Message
html
<label for="">Label</label>
<input type="text" placeholder="Username" class="input-primary">
<span class="text-small text-primary-normal">Message</span>