← ui-lab

Tour

A guided multi-step walkthrough. Each step points at a target and shows a dialog with Back/Next/Done; focus moves into each step, the current target is marked, the step position is announced, and focus returns to the trigger when the tour ends. Press “Start tour” below.

Preview

Installation

npx shadcn@latest add https://ui.publictheta.com/r/tour.json

Conformance

This component conforms to the @publictheta/ui-spec tour specification. Run the suite against any implementation with pnpm conformance.