UNPKG

@aniruddha1806/progress-tracker

Version:

A customizable progress tracker component for React applications

29 lines (28 loc) 952 B
import React from "react"; export interface Step { label: string; sublabel?: string; icon: React.ReactNode; } export interface ProgressTrackerProps { steps: Step[]; currentStep: number; orientation?: "horizontal" | "vertical"; className?: string; stepClassName?: string; labelClassName?: string; sublabelClassName?: string; iconClassName?: string; connectorClassName?: string; activeConnectorClassName?: string; inactiveConnectorClassName?: string; activeColor?: string; inactiveColor?: string; showLabels?: boolean; showConnectors?: boolean; connectorStyle?: "solid" | "dashed" | "dotted"; size?: "small" | "medium" | "large"; renderCustomStep?: (step: Step, index: number, isCompleted: boolean, isActive: boolean) => React.ReactNode; } export declare const ProgressTracker: React.FC<ProgressTrackerProps>; export default ProgressTracker;