# Multi-step form

A guided form that presents one decision at a time and preserves progress.

- ID: `multi-step-form`
- Import: `animui/multi-step-form`
- Category: block
- Runtime exports: `MultiStepForm`
- Declaration: `types/pro/multi-step-form.d.ts`
- Type provenance: reconstructed-from-docs-and-runtime
- Related: stepper, signup-form

```tsx
import { MultiStepForm } from 'animui/multi-step-form';
```

This import example is not a complete render recipe: read the declaration below and its local references for required props, data, callbacks and provider context. Use `animui info multi-step-form` to resolve the local declaration graph. Global setup is in `llms.txt`.

```ts
/** Reconstructed from saved Arc documentation and runtime binding evidence; original TypeScript source was unavailable. */
import type { ComponentType, ReactNode, CSSProperties, Ref, ButtonHTMLAttributes, HTMLAttributes, ReactElement } from 'react';

export interface MultiStepFormProps {
  steps?: string | number | boolean | ReactNode;
  onComplete?: () => void;
  nextLabel?: string;
  completeLabel?: string;
  initialStep?: string | number | boolean | ReactNode;
}

export declare const MultiStepForm: ComponentType<MultiStepFormProps>;

export default MultiStepForm;
```