@aniruddha1806/progress-tracker
Version:
A customizable progress tracker component for React applications
29 lines (28 loc) • 952 B
TypeScript
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;