Text Input Examples
.e-input
<div class="e-field">
<label class="e-field__label" for="input1">
Input Label
</label>
<input class="e-input" id="input1" type="text" placeholder="Type text here">
</div>.e-input-small
<div class="doc-field">
<label class="e-field__label" for="input1">
Input Label
</label>
<input class="e-input e-input-small" id="input1" type="text" placeholder="Type text here">
</div>.e-input-medium
<div class="doc-field">
<label class="e-field__label" for="input01">
Input Label
</label>
<input class="e-input e-input-medium" id="input01" type="text" placeholder="Type text here">
</div>.e-input-large
<div class="doc-field">
<label class="e-field__label" for="Input01">
Input Label
</label>
<input class="e-input e-input-large" id="Input01" type="text" placeholder="Type text here">
</div>.e-input-error
<div class="e-field">
<label class="e-field__label" for="input01">
Input Label
</label>
<input class="e-input e-input-error" id="input01" placeholder="Type text here">
</div>e-field__message-error
<div class="e-field">
<label class="e-field__label" for="input01">
Input Label
</label>
<input class="e-input e-input-error" id="input01" placeholder="Type text here">
<span class="e-field__message e-field__message-error">
The entered value is invalid, please check contents.
</span>
</div>:disabled, .e-input-disabled
<div class="e-field">
<label class="e-field__label" for="input01">
Input Label
</label>
<input class="e-input" id="input01" disabled placeholder="Type text here">
</div>