States
States are visual representations used to communicate the status of a component or interactive element.
Button States
A button is completely defined by 4 states as described below -
Layout
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 -
Last updated
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.