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>