Skip to content

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

NameTypeDefaultNote
querystring-The media query string

Returns

boolean

Source ​

Source • Demo

Contributors ​

Avatardebabin
Avatarhywax

Released under the MIT License.