Input
A bare <input>: white fill, resting hairline ring that darkens on hover and focus, the shared focus halo, red on aria-invalid. Nothing else — label, description and error come from Field; prefixes, suffixes and the password eye from Input Group. It fills its container, so size it from the outside.
Basic
Hairline at rest, emphasis on hover and focus, halo on keyboard focus.
In a Field
The label is a FieldLabel; the Field owns the vertical rhythm. See the Field page for descriptions and errors.
Invalid
aria-invalid turns the ring red and the halo red. The message is a FieldError.
Password
PasswordInput composes an Input Group with the show/hide eye inside the same hairline.
Read-only and disabled
Read-only fields take the grey fill so they read as non-editable; disabled fades.