Design Component States Completely
Components · components, states
Updated 2026-07-28
- A component is not finished when the default state looks good.
- Every interactive component needs:
- Default.
- Hover.
- Focus.
- Active.
- Disabled.
- Loading.
- Error.
- Success.
- Missing states create broken experiences.
- Users interact with states, not screenshots.
- A complete component answers:
- What does it look like?
- What does it do?
- What happens when something goes wrong?
Related guides
UX Handbook