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).

Editable example


const doesMatch = useBreakpoint(breakpoint)


breakpoint string

A valid breakpoint from the theme.

#Return values

doesMatch boolean

Returns truthy if the query is matched.

On this page
Copyright © 2021 Jake Moxey