UI states
UI states are the conditions a component can be in: default, hover, focus, active, disabled, loading, error and empty.
Definition
UI states are the conditions a component can be in: default, hover, focus, active, disabled, loading, error and empty.
Use case
Designing every state up front prevents gaps like a button with no loading look. Each one maps to a variant in design and to a prop or class in code.
In Figma
Variants for each state
Related terms
Resources
No resources yet. Suggest one.