aura-glass
Version:
A comprehensive glassmorphism design system for React applications with 142+ production-ready components
60 lines • 1.48 kB
TypeScript
import React from "react";
export interface StepIndicatorProps {
step: {
id: string;
title: string;
description?: string;
optional?: boolean;
};
index: number;
isActive: boolean;
isCompleted: boolean;
isClickable: boolean;
onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;
layout?: "default" | "compact" | "vertical";
}
export interface GlassFormWizardStepsProps extends React.HTMLAttributes<HTMLDivElement> {
/**
* Wizard steps
*/
steps: Array<{
id: string;
title: string;
description?: string;
optional?: boolean;
}>;
/**
* Current active step index
*/
currentStep: number;
/**
* Set of completed step indices
*/
completedSteps: Set<number>;
/**
* Step click handler
*/
onStepClick?: (stepIndex: number) => void;
/**
* Layout variant
*/
layout?: "default" | "compact" | "vertical";
/**
* Show progress bar
*/
showProgress?: boolean;
/**
* Show step numbers
*/
showNumbers?: boolean;
/**
* Allow clicking on steps
*/
clickable?: boolean;
}
/**
* GlassFormWizardSteps component
* Step indicator and navigation for wizard forms
*/
export declare const GlassFormWizardSteps: React.ForwardRefExoticComponent<GlassFormWizardStepsProps & React.RefAttributes<HTMLDivElement>>;
//# sourceMappingURL=GlassFormWizardSteps.d.ts.map