2.7 #Molecules.Textfield Textfield
Custom textfield for the forms.
Example
Markup: scss/styleguide/molecules/textfield/textfield.html
<div class="container app-body">
<div class="row">
<div class="col-lg-7 form__container">
<form>
<div class="form-type-textfield">
<label for="textfield" >Textfield</label>
<input type="text" id="textfield" name="textfield" value="" placeholder="Input field" class="form-text required">
</div>
<div class="form-type-textfield form-item form-item--error">
<label for="textfield-error">Textfield</label>
<input type="text" id="textfield-error" name="textfield-error" value="" placeholder="Input field" class="form-text error" aria-invalid="true">
<div class="form-item--error-message">
<strong>Textfield field is required.</strong>
</div>
</div>
</form>
</div>
</div>
</div>
Source:
../client/scss/styleguide/molecules/textfield/_textfield.scss, line 1