Skip to main content

Forms

Input

Render the shared single-line text input surface. The bread and butter of data collection.

Curated demo

Reference

Render the shared single-line text input surface. The bread and butter of data collection.

  • Use Field for labels, hints, and errors around the control. A naked input is a sad input.
  • Always provide the required id so labels and described-by relationships can target the control.

Example snippet

<Input id="email" type="email" placeholder="[email protected]" />