import { useBreakpoint } from 'bumbag';


The useBreakpoint hook will return a boolean depending if the particular breakpoint query is met.

In the example below, isWidescreenAndUnder will return truthy if it is under the max widescreen width viewport (1199px).



const doesMatch = useBreakpoint(breakpoint)


breakpoint string

A valid breakpoint from the theme.

#Return values

doesMatch boolean

Returns truthy if the query is matched.

Copyright © 2020 Jake Moxey