react-multistep-forms
Version:
Flexible and customizable multi-step form context for React with native React Hook Form integration.
22 lines • 1.02 kB
TypeScript
import { type ReactNode } from "react";
type StepContainerProps = {
/** The child elements representing the steps in the multi-step form. */
children: ReactNode;
/** Optional additional CSS classes for styling the container. */
className?: string;
};
/**
* A container component for rendering the active step in a multi-step form.
*
* - Uses the `useMultistepForm` hook to determine the current step index.
* - Renders only the active step based on the current step index.
*
* @param {StepContainerProps} props - The props for the StepContainer component.
* @param {React.ReactNode} props.children - The child elements representing the steps.
* @param {string} [props.className] - Optional CSS classes for styling the container.
*
* @returns {React.ReactElement} A `div` element containing the active step.
*/
export declare function StepContainer({ children, className }: StepContainerProps): import("react/jsx-runtime").JSX.Element;
export {};
//# sourceMappingURL=StepContainer.d.ts.map