useBreakpoint

useBreakpoint(): UseBreakpointReturn

Defined in: src/hooks/useBreakpoint/useBreakpoint.ts:38

Reactive named-breakpoint matcher.

Returns booleans for each named breakpoint plus the largest matching current. Built on top of useMediaQuery. Breakpoint values come from @/theme/breakpoints and match the values used by Stack and other responsive layout components.

Returns

UseBreakpointReturn

Example

const { md, current } = useBreakpoint();
return md ? <Sidebar /> : <BottomSheet />;