Componente

CmWizard

Fluxo navegável por etapas controlado pelo usuário.

Import

Caminho público recomendado para este componente.

import { CmWizard, type CmWizardStep } from "cosmemilton-ui";

Use para fluxos em que o usuário navega entre etapas, revisa dados e decide quando concluir.

Diferente de CmProgressModal, CmWizard não acompanha uma promise bloqueante: ele expõe navegação, seleção de etapa e callbacks.

Pode ser controlado com currentStep/onStepChange ou não controlado com defaultStep.

Use presentation="minimal" para fluxos curtos, como email primeiro e senha depois, sem indicador visual de etapas.

Use canGoNext/canGoBack para ligar validação externa, permissões ou regras do fluxo.

Login em duas etapas

Uma apresentação mínima para coletar email/login primeiro e senha no passo seguinte.

Entrar

Primeiro informe seu email ou login.

Controlado

O estado local define a etapa ativa e recebe onFinish ao concluir.

Etapa 1 de 3

Perfil

Identifique quem esta iniciando o fluxo.

Responsavel financeiro

Use esta etapa para reunir os dados basicos antes de avancar.

CadastroEtapa controlada

Etapa opcional e desabilitada

Etapas disabled não podem ser selecionadas e são puladas pelos botões de navegação.

Etapa 1 de 3

Conta

Dados obrigatorios.

Conta principal

Esta etapa fica disponivel para navegacao.

Validação antes de avançar

canGoNext bloqueia o botão Próximo enquanto a etapa atual não estiver válida.

Etapa 1 de 2

Aluno

Preencha o nome para liberar o avanco.

Informe o nome para continuar.

canGoNext recebe false enquanto a validacao local nao passar.