Test a media query
const MyComponent = () => { const screenIsSmall = useMediaQuery('(max-width: 800px)'); return <div>{screenIsSmall ? "small screen" : "big screen"}</div>} Copy
const MyComponent = () => { const screenIsSmall = useMediaQuery('(max-width: 800px)'); return <div>{screenIsSmall ? "small screen" : "big screen"}</div>}
The media query to test
Boolean indicating if the query currently matches
Generated using TypeDoc
Test a media query
Example