useMediaQuery

Hook that manages a media query

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

Installation

Library

CLI

Manual

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

D

debabin

H

hywax