@mantine/core
Version:
React components library focused on usability, accessibility and developer experience
33 lines (32 loc) • 1.39 kB
TypeScript
import { BoxProps, ElementProps, Factory, StylesApiProps } from '../../core';
import { LoaderProps } from '../Loader';
import { OverlayProps } from '../Overlay';
import { TransitionOverride } from '../Transition';
export type LoadingOverlayStylesNames = 'root' | 'loader' | 'overlay';
export type LoadingOverlayCssVariables = {
root: '--lo-z-index';
};
export interface LoadingOverlayProps extends BoxProps, StylesApiProps<LoadingOverlayFactory>, ElementProps<'div'> {
/** Props passed down to `Transition` component, `{ transition: 'fade', duration: 0 }` by default */
transitionProps?: TransitionOverride;
/** Props passed down to `Loader` component */
loaderProps?: LoaderProps;
/** Props passed down to `Overlay` component */
overlayProps?: OverlayProps;
/** Determines whether the overlay should be visible, `false` by default */
visible?: boolean;
/** Controls overlay `z-index`, `400` by default */
zIndex?: string | number;
}
export type LoadingOverlayFactory = Factory<{
props: LoadingOverlayProps;
ref: HTMLDivElement;
stylesNames: LoadingOverlayStylesNames;
vars: LoadingOverlayCssVariables;
}>;
export declare const LoadingOverlay: import("../../core").MantineComponent<{
props: LoadingOverlayProps;
ref: HTMLDivElement;
stylesNames: LoadingOverlayStylesNames;
vars: LoadingOverlayCssVariables;
}>;