@yamada-ui/loading/dist/loading.d.mts

Yamada UI loading components

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 };