Skip to main content

Patterns

Inputs

The Input Element follows the styling and usage guidelines of the U.S. Web Design System’s Form Control.

<div><input type="text" /></div>
<div class="error"><input aria-invalid="true" type="text" /></div>
<div class="screen-tablet:input-w-400px"><input type="text" /></div>
<div><input id="person-0-age" max="200" maxlength="3" min="0" required="true" step="1" type="number" /></div>
<div class="input-currency-usd"><input type="text" /></div>
<div class="error input-currency-usd"><input aria-invalid="true" type="text" /></div>
<div class="input-phone-us"><input type="text" /></div>
<div class="error input-phone-us"><input aria-invalid="true" type="text" /></div>