States
Last updated
Last updated
States are visual representations used to communicate the status of a component or interactive element.
A button is completely defined by 4 states as described below -
State | Description |
Default/Idle | Default state of the UI element. |
Hover | State of the UI element when the button is in focus. A slight glow will appear on the UI element when the user gazes at the UI element​ to indicate user |
Pressed | State of the UI element when it is being interacted with. A hard glow appear on the UI element when the user interacts with the button by pressing a button​ |
Disabled | State of the UI element when that UI element is non-interactable. A faded UI will be shown indicating that the UI is currently disabled means not active for interaction.​ |