@datametria/vue-components
Version:
DATAMETRIA Vue.js 3 Component Library with Multi-Brand Theming - 51 components + 10 composables with theming support, WCAG 2.2 AA, dark mode, responsive system
34 lines (33 loc) • 975 B
TypeScript
export declare const breakpoints: {
readonly xs: 475;
readonly sm: 640;
readonly md: 768;
readonly lg: 1024;
readonly xl: 1280;
readonly '2xl': 1536;
};
export type Breakpoint = keyof typeof breakpoints;
export declare function useBreakpoints(): {
windowWidth: import('vue').Ref<number, number>;
breakpoints: {
readonly xs: 475;
readonly sm: 640;
readonly md: 768;
readonly lg: 1024;
readonly xl: 1280;
readonly '2xl': 1536;
};
isGreaterOrEqual: (breakpoint: Breakpoint) => boolean;
isLessOrEqual: (breakpoint: Breakpoint) => boolean;
isBetween: (min: Breakpoint, max: Breakpoint) => boolean;
getCurrentBreakpoint: () => Breakpoint;
isXs: () => boolean;
isSm: () => boolean;
isMd: () => boolean;
isLg: () => boolean;
isXl: () => boolean;
is2xl: () => boolean;
isMobile: () => boolean;
isTablet: () => boolean;
isDesktop: () => boolean;
};