@yamada-ui/loading
Version:
Yamada UI loading components
33 lines (30 loc) • 953 B
TypeScript
import * as _yamada_ui_core from '@yamada-ui/core';
import { ThemeProps, CSSUIProps } from '@yamada-ui/core';
import { IconProps } from '@yamada-ui/icon';
interface LoadingOptions {
/**
* The variant of the Loading.
*
* @default 'oval'
*/
variant?: "audio" | "circles" | "dots" | "grid" | "oval" | "puff" | "rings";
/**
* The CSS `dur` property.
*/
duration?: IconProps["dur"];
/**
* The CSS `color` property.
*
* @default 'primary'
*/
secondaryColor?: CSSUIProps["color"];
}
interface LoadingProps extends Omit<IconProps, "variant">, Pick<ThemeProps<"Loading">, "colorScheme">, LoadingOptions {
}
/**
* `Loading` is a component displayed during waiting times, such as when data is being loaded.
*
* @see Docs https://yamada-ui.com/components/feedback/loading
*/
declare const Loading: _yamada_ui_core.Component<"svg", LoadingProps>;
export { Loading, type LoadingProps };