Multi-step formPro

Progress bar and steps that slide in and out.

AccountStep 1 of 3

Props

steps

back

finish

done

Appearance

Applies to this component only and stays saved when you come back.

Accent

#ff3347

Deep shade

#b3122a

Corner radius1.00×

Preview background

Install

$npx nex-ui add multi-step-form

Usage

import { MultiStepForm } from "@/components/nex-ui/multi-step-form";

<MultiStepForm
  t={{ steps: ["Account", "Profile", "Done"], email: "Email", name: "Full name", done: "Account created", next: "Continue", back: "Back", finish: "Create account", stepOf: "Step {n} of {total}", again: "Start over" }}
/>

This is a Pro component

You can try the preview. The source and CLI install unlock with Pro.

Get Pro