@penaprieto/design-system/dist/components/Stepper/Stepper.d.ts

Multi-brand React design system with design tokens from Figma

import React from 'react';
import './Stepper.css';
export type StepStatus = 'completed' | 'current' | 'pending' | 'error';
export interface Step {
    /** ID único del step */
    id: string;
    /** Label del step */
    label: string;
    /** Descripción opcional */
    description?: string;
    /** Estado del step */
    status?: StepStatus;
}
export interface StepperProps {
    /** Steps del stepper */
    steps: Step[];
    /** Índice del step actual (0-indexed) */
    currentStep?: number;
    /** Orientación del stepper */
    orientation?: 'horizontal' | 'vertical';
    /** Callback al hacer click en un step */
    onStepClick?: (stepIndex: number) => void;
    /** Clase CSS adicional */
    className?: string;
}
export declare const Stepper: React.FC<StepperProps>;
//# sourceMappingURL=Stepper.d.ts.map