stepperize
Flujos de varios pasos para React con ids tipados, guards y resultados que explican por qué se rechazó una navegación.
const signup = defineStepper([
{ id: "account" },
{ id: "plan" },
{ id: "done" },
])
const stepper = signup.useStepper({
beforeStepChange: ({ from }) =>
from.id !== "account" ||
isEmail(email),
})
await stepper.next()
// { accepted: false,
// reason: "guard" }- 1Cuenta
- 2Plan
- 3Listo