useMediaQuery ​
browser
test coverage
Last changed: 28 days ago
TIP
This hook uses window.matchMedia browser api to provide enhanced functionality. Make sure to check for compatibility with different browsers when using this api
Hook that manages a media query
typescript
import { useMediaQuery } from '@siberiacancode/reactuse';
Usage ​
typescript
const matches = useMediaQuery('(max-width: 768px)');
Demo ​
Api ​
Parameters
Name | Type | Default | Note |
---|---|---|---|
query | string | - | The media query string |
Returns
boolean