Skip to content

MediaQuery Properties

PropertiesDescription
when(optional) Define a list of sizes to match, given as an object { min: 'small', max: 'medium' } or as an array [{ min: 'small', max: 'medium' }, { min: 'medium', max: 'large' }].
query(optional) A MediaQuery as a string similar to the CSS API, but without @media.
not(optional) Reverts the defined queries as a whole.
matchOnSSR(optional) If set to true, it will match and return the given children during SSR.