Wizard Dovetail

ui

A multi-step form whose completed steps physically interlock: each step contributes an SVG dovetail chip to a rail, sliding in to mate on a spring when valid, or bouncing off the joint and returning when it isn't.

pnpm dlx shadcn@latest add "https://design.helpmarq.com/r/wizard-dovetail.json"

Sign In

Wizard Dovetail

ui

A multi-step form whose completed steps physically interlock: each step contributes an SVG dovetail chip to a rail, sliding in to mate on a spring when valid, or bouncing off the joint and returning when it isn't.

pnpm dlx shadcn@latest add "https://design.helpmarq.com/r/wizard-dovetail.json"

components/ui/wizard-dovetail.tsx