Component

Input fields

Accessible fields for operational data capture, with clear labels, help text, errors, focus, and disabled states.

Text input

Input states

Anatomy

Field structure

  1. 01Persistent label
  2. 02Input surface
  3. 03Optional help or error message
  4. 04Visible keyboard focus