Inputs

These are the base styles for input elements.

Be aware that some inputs like checkboxes, radio buttons and select lists need formatting with other elements or classes or both to be properly displayed. See the Tick and Select components.

Example






Markup

<input type="text" placeholder="Name" value="Name" /> <br />
<input type="password" placeholder="Password" value="Password" /> <br />
<input type="search" placeholder="Search" value="Search" /> <br />
<input type="Email" placeholder="Email" value="email@example.com" /> <br />
<textarea placeholder="Text area text"></textarea> <br />