Style

Material Design 3 sys tokens

Browse tokens

TokenValue
General
State
Disabled
Disabled tokens
TokenValue
Disabled state layer opacitymd.sys.state.disabled.state-layer-opacity38%
Dragged
Dragged tokens
TokenValue
Dragged state layer opacitymd.sys.state.dragged.state-layer-opacity16%
Focus
Focus tokens
TokenValue
Focus state layer opacitymd.sys.state.focus.state-layer-opacity10%
Hover
Hover tokens
TokenValue
Hover state layer opacitymd.sys.state.hover.state-layer-opacity8%
Pressed
Pressed tokens
TokenValue
Pressed state layer opacitymd.sys.state.pressed.state-layer-opacity10%