Plus/Minus number textbox

Taxonomic name: A-PLUSMINUS

Archive - Updated 05/05/17. Current version

Atom

Beta v.1.1.4 - Beta v.1.2.0

Previous styling of plus/minus number textbox

Mark-up structure of validated and errored plus/minus number 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" data-module="a-plusminus">
		<input type="number" id="..." name="..." class="a-textbox" value="..." min="..." max="..." />
		<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" data-module="a-plusminus">
		<input type="number" id="..." name="..." class="a-textbox" value="..." min="..." max="..." />
		<p class="m-form-row__error-message">...</p>
	</div>
</div>