@fifteen/design-system-vue
Version:
Vue 3 (Composition API + Typescript) implementation of the Fifteen Design System
18 lines (17 loc) • 759 B
TypeScript
import { ComputedRef } from 'vue';
export interface UseFBreakpointsReturn {
isXxsAndDown: ComputedRef<boolean>;
isXsAndDown: ComputedRef<boolean>;
isSmAndDown: ComputedRef<boolean>;
isMdAndDown: ComputedRef<boolean>;
isLgAndDown: ComputedRef<boolean>;
xxsAndDown<T extends string | number>(value: T, fallback: T): T;
xsAndDown<T extends string | number>(value: T, fallback: T): T;
smAndDown<T extends string | number>(value: T, fallback: T): T;
mdAndDown<T extends string | number>(value: T, fallback: T): T;
lgAndDown<T extends string | number>(value: T, fallback: T): T;
}
/**
* Returns breakpoints boolean values and utils breakpoints functions
*/
export declare function useFBreakpoints(): UseFBreakpointsReturn;