aura-glass/dist/components/input/GlassFormStepper.d.ts

A comprehensive glassmorphism design system for React applications with 142+ production-ready components

import React from "react";
export interface FormStep {
    id: string;
    title: string;
    description?: string;
    icon?: React.ReactNode;
    completed?: boolean;
    disabled?: boolean;
    error?: boolean;
    optional?: boolean;
}
export interface GlassFormStepperProps {
    /**
     * Array of form steps
     */
    steps: FormStep[];
    /**
     * Current active step index
     */
    currentStep?: number;
    /**
     * Step click handler
     */
    onStepClick?: (stepIndex: number) => void;
    /**
     * Orientation of the stepper
     */
    orientation?: "horizontal" | "vertical";
    /**
     * Size variant
     */
    size?: "sm" | "md" | "lg";
    /**
     * Show step numbers
     */
    showNumbers?: boolean;
    /**
     * Show step descriptions
     */
    showDescriptions?: boolean;
    /**
     * Allow clicking on completed steps
     */
    allowClickCompleted?: boolean;
    /**
     * Show progress line
     */
    showProgressLine?: boolean;
    /**
     * Custom className
     */
    className?: string;
    /**
     * Test ID for the component
     */
    'data-testid'?: string;
}
/**
 * GlassFormStepper component
 * A visual stepper component for multi-step forms with glassmorphism design
 */
export declare const GlassFormStepper: React.FC<GlassFormStepperProps>;
export interface GlassCompactStepperProps extends Omit<GlassFormStepperProps, "orientation" | "showDescriptions"> {
    /**
     * Show labels
     */
    showLabels?: boolean;
}
/**
 * GlassCompactStepper component
 * A compact version of the stepper for tight spaces
 */
export declare const GlassCompactStepper: React.FC<GlassCompactStepperProps>;
export default GlassFormStepper;
//# sourceMappingURL=GlassFormStepper.d.ts.map