Skip to content

Components

Forms

Form states — default, focus, error, disabled

Each state of a single text input, side by side. Focus rings inset to keep the input's footprint stable; error swaps the ring to danger red and surfaces a specific message beneath.

Forms · Inputs