Updated: June 7, 2024

State Combinations

Intro

Some of the states can be used together with other states.

Permitted Combinations



Enabled components can be combined with the selection state, value state, and interaction state.



List - enabled state and selection state
List - enabled state and selection state

The focus state can be combined with an interactive enabled or read-only component. At the same time, you can use other states like value states, selection states, or interaction states.



Button - interaction state (hover) and focus state
Button - interaction state (hover) and focus state

Read-only components can be combined with the down state (toggle only) and with the selected state.



Non-Permitted Combinations

Hidden and disabled components cannot be combined with any other state.

Related Links

Guidelines