Forms components

Try the canonical forms families. Each specimen keeps its anatomy and behavior across all eight moods.

Forms / Canonical family

Text Field

A labeled single-line input with inline validation.

Use for short values. Keep error messages beside the field.

Associate the label and error. Focus the first invalid field after submission.

States: default, focus

Subtle authored presentation; Base UI and native HTML behavior.