Product Tour
Spotlight product tour that highlights targets step by step with keyboard control.
Copy a prompt for your AI coding tool with the source, dependencies and usage
Props
ProductTourProps
Also accepts all props of Omit<React.ComponentProps<"div">, "children">
| Prop | Type | Default | Description |
|---|---|---|---|
| steps* required | TourStep[] | — | — |
| open* required | boolean | — | — |
| onOpenChange* required | (open: boolean) => void | — | — |
| onFinish | () => void | — | — |
Install
$ npx shadcn@latest add https://chromotion.dev/r/product-tour.json