@w11r/use-breakpoint
Version:
React useBreakpoint hook to have different values for a variable based on a breakpoints.
41 lines (40 loc) • 1.04 kB
TypeScript
import useBreakpoint from './useBreakpoint';
import useResize from './useResize';
import mediaQuery from './mediaQuery';
export * from './provider';
export declare const UP = "+";
export declare const DOWN = "-";
export declare const LANDSCAPE = "-";
export declare const PORTRAIT = "|";
export declare const LIGHT = "(";
export declare const DARK = ")";
interface IOptions {
breakpoints: {
[key: string]: number[];
};
shorthands?: {
[key: string]: string;
};
}
export declare let options: any;
export declare const setup: (opts: IOptions) => void;
export declare const breakpoints: {
micro: number[];
mi: number[];
mobile: number[];
m: number[];
tablet: number[];
t: number[];
small: number[];
s: number[];
medium: number[];
med: number[];
large: number[];
l: number[];
device: number[];
d: number[];
smallDevice: number[];
sd: number[];
};
export default useBreakpoint;
export { useResize, mediaQuery };