Inputs

Text Inputs

Markup

<fieldset class="fieldset">
    <label class="field-label" for="input-1">Titre de l'input</label>
    <div class="field-input-wrapper">
        <input type="text" id="input-1" class="field-input"
               placeholder="Ex : AntoineDupont@guyhoquet.com">
        <i class="icons icon-search"></i>
    </div>
    <span class="field-hint">Optional</span>
</fieldset>

<!-- Valid / invalid state -->
<input class="field-input" data-is-valid="true">
<input class="field-input" data-is-valid="false">
<span class="field-error">Lorem ipsum dolores sit atum</span>

<!-- Disabled -->
<input class="field-input" disabled>