@neuctra/ui/dist/types/components/basic/Stepper.d.ts

A modern, responsive, customizable React UI component library powered by Tailwind CSS and Vite.

import { default as React } from 'react';
export interface StepperStep {
    label: React.ReactNode;
    description?: React.ReactNode;
    icon?: React.ReactNode;
}
export interface StepperProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "children"> {
    steps: StepperStep[];
    /** Index of the current step (0-based). Steps before it render as done. */
    activeStep: number;
    /** Makes completed steps clickable for navigation. */
    onStepClick?: (index: number) => void;
    orientation?: "horizontal" | "vertical";
    size?: "sm" | "md";
    /** 🔥 Full Customization */
    /** Wraps each individual step (indicator + content). */
    itemClassName?: string;
    /** The circular step indicator/dot. */
    dotClassName?: string;
    /** The `<button>` wrapping a clickable (completed) dot. */
    dotButtonClassName?: string;
    /** The connector line between steps. */
    connectorClassName?: string;
    /** Wraps a step's label + description. */
    contentClassName?: string;
    labelClassName?: string;
    descriptionClassName?: string;
}
export declare const Stepper: React.ForwardRefExoticComponent<StepperProps & React.RefAttributes<HTMLDivElement>>;