KB-225 · STEPFORM/GATEHOUSE

Gatehouse Step Form

A gatehouse for longer asks: the journey drawn by the library's own stepper — connectors filling, cleared steps stamping their check — while each stage slides in from the direction of travel. The shell's contribution is the data layer: per-step validation that blocks forward but never back, a review stage before anything sends, and a finished state that says what happens next.

KB-225 · STEPFORM/GATEHOUSE

Install

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

$ pnpm dlx shadcn@latest add @kinetiq/stepform-gatehouse

Props

PropTypeDefaultDescription
onSubmit(submission) => voidFired once, from the review stage.
eyebrow / headlinestringThe standfirst above the gatehouse.