KB-302 · STEPFORM/BRANCHING/INTAKE

Branching Intake Step Form

A branching intake: the first answer decides the route, and the rail visibly re-forms to the length that route actually takes — two stages, or three, or one. Long forms lose people because the end is invisible; a form that shortens itself in front of you when you say who you are makes the opposite promise.

KB-302 · STEPFORM/BRANCHING/INTAKE

Install

One command — the source lands in your repo. Or copy it from the Code tab.

$ pnpm dlx shadcn@latest add @kinetiq/stepform-branching-intake

Props

PropTypeDefaultDescription
routesIntakeRoute[]Each route carries its own steps and its own outcome.
onSubmit(routeId, answers) => voidFired with the route taken and everything gathered.