@spark-ui/progress-tracker
Version:
A progress tracker component is a visual navigation element typically used to display progress or guide user through a multi-step process.
16 lines (15 loc) • 986 B
TypeScript
import { type Dispatch, type SetStateAction } from 'react';
import type { ProgressTrackerProps } from './ProgressTracker';
export type ProgressTrackerContextInterface = Required<Pick<ProgressTrackerProps, 'stepIndex' | 'size' | 'intent' | 'design' | 'readOnly'>> & Pick<ProgressTrackerProps, 'onStepClick'> & {
steps: Map<string, string[]>;
setSteps: Dispatch<SetStateAction<Map<string, string[]>>>;
};
export interface ProgressTrackerStepContextInterface {
index: number;
state: 'active' | 'complete' | 'incomplete';
}
export declare const ProgressTrackerContext: import("react").Context<ProgressTrackerContextInterface>;
export declare const ProgressTrackerStepContext: import("react").Context<ProgressTrackerStepContextInterface>;
export declare const useProgressTrackerContext: () => ProgressTrackerContextInterface;
export declare const useProgressTrackerStepContext: () => ProgressTrackerStepContextInterface;
export declare const ID_PREFIX = ":progress-tracker";