UNPKG

@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
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";