Skip to main content

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 -

StateDescription
Default/IdleDefault state of the UI element.
HoverState 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
PressedState 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
DisabledState 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.

Layout

Button States Layout