@project-jade-garden/reka-ui/dist/progress.d.ts

Reka UI anatomy slots for headless design

import { SVATraits } from 'jade-garden';
/**
 * **Progress**
 * @description Displays an indicator showing the completion progress of a task, typically displayed as a progress bar.
 * @see [source](https://reka-ui.com/docs/components/progress#anatomy)
 */
export declare const slots: readonly ["root", "indicator"];
/**
 * **Progress**
 * @description Displays an indicator showing the completion progress of a task, typically displayed as a progress bar.
 * @see [source](https://reka-ui.com/docs/components/progress#anatomy)
 */
export type Slots = (typeof slots)[number];
/**
 * **Progress**
 * @description Displays an indicator showing the completion progress of a task, typically displayed as a progress bar.
 * @see [source](https://reka-ui.com/docs/components/progress#api-reference)
 */
export type Traits = SVATraits<Slots, {
    root: {
        state: "complete" | "indeterminate" | "loading";
        value: "The current value";
        max: "The max value";
    };
    indicator: {
        state: "complete" | "indeterminate" | "loading";
        value: "The current value";
        max: "The max value";
    };
}>;