0.3.0 • Published 5 years ago
use-media-query-hook v0.3.0
use-media-query-hook
React hook to check when a media query result changes
Install
yarn add use-media-query-hook
Usage
import React from 'react';
import useMediaQuery from 'use-media-query';
const App = () => {
const isMobile = useMediaQuery('(max-width: 425px)')
return (
<h1>
{ isMobile ? '📱' : '💻' }
</h1>
);
}
Check MDN docs on using media queries