Stepper

Estrutura

Etapas numeradas de um fluxo em passos.

Substitui no Brain:Etapas

Etapas

  1. Dados
  2. 2Documentos
  3. 3Revisão
  1. Dados
  2. 2Documentos
  3. 3Revisão
import { Stepper } from "@paytime/ui";

export default function Example() {
  return (
    <Stepper
      steps={[
        { label: "Dados", state: "done" },
        { label: "Documentos", state: "active" },
        { label: "Revisão" },
      ]}
    />
  );
}