UX Glossary Interaction Design

Component State

Interaction Design

The distinct visual and behavioral condition of a UI component at a specific moment — such as default, hover, focus, active, disabled, loading, and error states. Designing all relevant states for every interactive component prevents visual and functional gaps in the implemented product, since a component undefined in edge states creates a jarring, incomplete experience.

Related Terms

State Machine Design System Focus State Loading State Feedback
← Browse all UX Glossary terms