Textbox

Taxonomic name: A-TEXTBOX

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 textboxes 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">
		<input type="..." id="..." name="..." class="a-textbox [ Modifier ]" />
		<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">
		<input type="..." id="..." name="..." class="a-textbox [ Modifier ]" />
		<p class="m-form-row__error-message">...</p>
	</div>
</div>

The plus prefix a-textbox--plus did not exist.

Beta v.1.0.0 - Beta v.1.1.4

For documentation on texboxes prior to v.1.1.4 see our deprecated input documentation.