Configuration Stepper

A multi-step wizard with numbered circular indicators, chevron connectors, and back/continue navigation for guiding users through setup flows like account details, workspace configuration, and network settings.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Configuration Stepper to your project and fits it to your theme.

import Stepper02 from "@/components/ui/stepper-02";

export default function Stepper02Demo() {
  return (
    <div className="w-full flex items-center justify-center">
      <Stepper02 />
    </div>
  );
}