Spec

Min height 44px (--sp-touch)
Padding 12px 16px (0.75rem 1rem)
Border default 1px solid (--border-thin)
Focus 3px border (--border-focus), same pattern as buttons and controls
Border error 2px solid --c-error
Accessibility Always pair with label, use aria-invalid and helper/error text via aria-describedby

Text input

Focus (tab into field)

This field is required.

Hint text

Use 3-24 chars, letters and numbers only.

Select

Closed

Open

Textarea

Min height 120px, resize vertical.

Input group

Field hint + validation

We never share your email.
This field is required.

Input with icons