Heydays hooks

A react hook library for Heydays

Install

yarn add @heydays/hooks

Usage

import React from 'react'
import { useMediaQuery } from '@heydays/hooks'

const PageSize = props => {
  const activeMediaQuery = useMediaQuery()
  // => 'sm' || 'md' || 'lg' …
  return (
    <div>
      Current page size is {activeMediaQuery}
    </div>
  )
}

export default PageSize

Hooks

useMediaQuery

Returns the current media query as a string ex. 'sm' || 'md'

Disclaimer

Have a look if you want, but this is meant for internal use only.