State Combinations
Foundations / Interaction / States / 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, selected, and hover
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 – hover and focus
Read-only components can be combined with the down state (toggle only) and with the selected state.
Checkbox – read-only and selected
Non-Permitted Combinations
Hidden and disabled components cannot be combined with any other state.