@antadesign/anta
    Preparing search index...

    Interface LoaderPropsUnreviewed

    Common props for JSX component wrappers.

    interface LoaderProps {
        tone?: LoaderTone;
        value?: number | false;
        max?: number;
        size?: number;
        speed?: number;
        label?: string;
        className?: string;
        style?: CSSProperties;
        children?: ReactNode;
        id?: string;
        title?: string;
        slot?: string;
        tabIndex?: number;
        key?: string | number | null;
        [key: `data-${string}`]: unknown;
        [key: `aria-${string}`]: unknown;
    }

    Hierarchy (View Summary)

    Indexable

    • [key: `data-${string}`]: unknown

      Any data-* attribute is forwarded to the rendered element.

    • [key: `aria-${string}`]: unknown

      Any aria-* attribute is forwarded to the rendered element.

    Index
    tone? value? max? size? speed? label? className? style? children? id? title? slot? tabIndex? key?
    tone?: LoaderTone

    Color tone for the loader. Omit it to use the standard text-3 color.

    value?: number | false

    Current progress value. Omit this prop, or pass false, for an indeterminate rotating gradient.

    max?: number

    Upper bound of the range.

    100
    size?: number

    Width and height in pixels.

    16
    speed?: number

    Seconds per rotation. Pass a positive number.

    0.75
    label?: string

    Accessible name for a standalone loader. Without a label, the loader is decorative so nearby status text remains the single announcement.

    className?: string

    Adds CSS classes to the root element and preserves its existing classes.

    style?: CSSProperties

    Inline CSS styles on the root element.

    children?: ReactNode

    Content to render in place of any default content.

    id?: string

    HTML id attribute.

    title?: string

    HTML title attribute, shown as a browser tooltip on hover.

    slot?: string

    Named slot in a parent web component, such as slot="header" in a <Dialog>.

    tabIndex?: number

    Tab order. Set to -1 to skip the element when tabbing.

    key?: string | number | null

    React/Preact reconciliation key when rendered inside a list. Consumed by the JSX runtime (not forwarded as a DOM attribute).

    Settings
    Member Visibility

    On This Page
    Properties