Textarea

Taxonomic name: A-TEXTAREA

Archive - Updated 04/05/17. Current version

Atom

Beta v.1.1.4 - Beta v.1.2.0

Previous styling of valid and errored form states

Mark-up structure of validated and errored textareas has been altered in order to match new styling. Previously messages placed after form inputs.

<div class="m-form-row is-valid">
	<label class="a-label" for="...">...</label>
	<div class="m-form-row__content">
		<textarea id="..." name="..." placeholder="..." class="a-textarea" rows="..." </textarea>
		<p class="m-form-row__validation-message">...</p>
	</div>
</div>
<div class="m-form-row is-error">
	<label class="a-label" for="...">...</label>
	<div class="m-form-row__content">
		<textarea id="..." name="..." placeholder="..." class="a-textarea" rows="..." </textarea>
		<p class="m-form-row__error-message">...</p>
	</div>
</div>

Beta v.1.0.0 - Beta v.1.1.4

For documentation on textareas prior to v.1.1.4 see our deprecated textarea documentation.