Input

A native input element that automatically works with Field. Give it an accessible name with a <label> or wrap it in Field.

Anatomy

<label>
  Name
  <UiInput placeholder="e.g. Colm Tuite" />
</label>

Parts

• Input — native <input>. value / defaultValue. inline (default false) drops the wash, including on hover and focus. color picks the wash. There is no border; hover and focus change the wash lightness. Inside Field it picks up data-invalid, data-valid, data-dirty, data-touched, data-filled, and data-focused.