@saas-ui/layout/dist/loader.d.ts

Saas UI Layout components for Chakra UI

import * as React from 'react';
import { ChakraProps, SpinnerProps, ThemingProps, ThemeTypings, SystemProps } from '@chakra-ui/react';
type Variants = 'fill' | 'overlay' | 'fullscreen';
type SpinnerOptions = Pick<SpinnerProps, 'emptyColor' | 'color' | 'thickness' | 'speed' | 'label' | 'className'>;
export interface LoaderProps extends Omit<MotionProps, 'transition'>, Omit<ChakraProps, 'color'>, ThemingProps<'Loader'>, SpinnerOptions {
    /**
     * Show or hide the loader.
     */
    isLoading?: boolean;
    /**
     * Render a custom spinner
     */
    spinner?: React.ReactNode;
    /**
     * Spacing between children
     */
    spacing?: SystemProps['margin'];
    /**
     * @type "fill" | "overlay" | "fullscreen"
     * @default "fill"
     */
    variant?: 'Loader' extends keyof ThemeTypings['components'] ? ThemeTypings['components']['Loader']['variants'] : Variants;
    children?: React.ReactNode;
}
import { MotionProps } from 'framer-motion';
/**
 * Show a fullscreen loading animation while your app is loading.
 */
export declare const Loader: React.FC<LoaderProps>;
/**
 * deprecated, will be removed in 1.0
 */
export declare const Loading: React.FC<LoaderProps>;
export {};
//# sourceMappingURL=loader.d.ts.map