200 Degrees Logo
Web Fuel Logo

Back to Overview

Inputs


<input type="text" placeholder="Demo"/>

<textarea placeholder="Textarea" rows="6"></textarea>
<select><option>Select</option></select>
<div class="input--hold input__hold--fancy"> <input type="text" id="fancy"> <label for="fancy">Fancy input</label> </div>
<div class="input--hold input__hold--fancy"> <textarea id="textarea" rows="6"></textarea> <label for="textarea">Fancy textarea</label> </div>
<div class="input--hold input__hold--fancy"> <select id="select" class="select-field color--white"> <option></option> <option>Hello</option> </select> <label for="select">Fancy select</label> </div>