useBreakpoints

Category

Browser

Hook that manages breakpoints

import { useBreakpoints } from '@siberiacancode/reactuse';

Usage

const { greaterOrEqual, smallerOrEqual, current } = useBreakpoints({ mobile: 0, tablet: 640, laptop: 1024, desktop: 1280 });

Demo

source

Api

Parameters

Name	Type	Default	Note
breakpoints	Breakpoints<Breakpoint>	-	The breakpoints to use
strategy?	UseBreakpointsStrategy	min-width	The strategy to use for matching

Returns

UseBreakpointsReturn<Breakpoint>

Contributors

Source • Demo