Forms | Style Guide

Buttons

<button>Standard</button>
<button class="button-colored">Colored</button>
<button disabled>Disabled</button>

Input fields

Message

<input type="email" name="name" placeholder="Email address" required>

<label for="message">Message</label><textarea name="message" placeholder="Comment here..." id="message"></textarea>

Select fields

Multiple Selection

<select name="selection">
	<option value="1">Lorem</option>
	<option value="2">Ipsum</option>
	<option value="3">Dolor</option>
</select>

<label for="multi-selection">Multiple Selection</label>
<select name="multi-selection" id="multi-selection" multiple>
	<optgroup label="Grouping">
		<option value="1">Lorem</option>
		<option value="2">Ipsum</option>
		<option value="3">Dolor</option>
	</optgroup>
</select>