Step Form

Inputs

Multi-step wizard form with step indicator, back/next navigation and per-step validation.

Step Form — multi-step with progress indicator

Account

Profile

Confirm

Set up your account credentials.

1 / 3

Instalação via CLI

$ npx kikitocn add step-form

Interno:

@/lib/utils@/components/ui/cn/button

Exemplo de uso

Step FormExample.tsx

import { StepForm } from "@/components/ui/cn/step-form/StepForm";

export function StepFormExample() {
  return (
    <StepForm />
  );
}

Props

Prop	Tipo	Padrão	Descrição
`steps*`	`StepFormStep[]`	—	Definição dos passos: { id, title, description?, content, validate? }
`onComplete`	`(stepId: string) => void`	`undefined`	Callback quando o último passo é concluído

Carregando…