react-hook-media-query 📐

A React hook to match media queries.

Installation

Using npm:

npm install --save react-hook-media-query

Using yarn:

yarn add react-hook-media-query

Usage

import React from 'react'
import useMediaQuery from 'react-hook-media-query'

const ComponentWithMediaQuery = () => {
  const small = useMediaQuery('(max-width: 720px)')

  return (
    <p>Viewport width is {small ? 'below' : 'above'} 720.</p>
  )
}

Contributions

Contributions are welcome. File bug reports, create pull requests, feel free to reach out at [email protected].

Licence

LGPL-3.0