Go to Content
Design System
Playroom Storybook
#ClimateEmergency

MatchMedia React-only

Open in Storybook

MatchMedia is useful for creation of custom layouts depending on the screen size.

HINT Open the examples in the responsive viewer or in Playroom.

Error: Minified React error #130; visit https://reactjs.org/docs/error-decoder.html?invariant=130&args[]=object&args[]= for the full message or use the non-minified dev environment for full errors and additional helpful warnings.

Rendering prop

It is also possible to find out whether the current tier is matching and what the current tier is via rendering props.

Error: Minified React error #130; visit https://reactjs.org/docs/error-decoder.html?invariant=130&args[]=object&args[]= for the full message or use the non-minified dev environment for full errors and additional helpful warnings.