useMediaQuery

browser

test coverage

Last changed: last month

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

import { useMediaQuery } from '@siberiacancode/reactuse';

Usage

const matches = useMediaQuery('(max-width: 768px)');

Demo

source

Api

Parameters

Name	Type	Default	Note
query	string	-	The media query string

Returns

boolean

Source

Source • Demo

Contributors

debabin

hywax