@kodingdotninja/use-tailwind-breakpoint
Version:
Custom hooks to use breakpoints for React 🎐🔨
14 lines (10 loc) • 606 B
text/typescript
import { useLayoutEffect } from 'react';
declare function create<TScreens extends Record<string, string>>(screens: TScreens): {
useBreakpoint: (breakpoint: keyof TScreens, defaultValue?: boolean) => boolean;
useBreakpointEffect: (breakpoint: keyof TScreens, effect: (match: boolean) => void) => null;
useBreakpointValue: <T, U>(breakpoint: keyof TScreens, valid: T, invalid: U) => T | U;
};
declare const isSSR: boolean;
declare const isBrowser: boolean;
declare const useIsomorphicEffect: typeof useLayoutEffect;
export { create, create as default, isBrowser, isSSR, useIsomorphicEffect };