Spotlight Tour

SpotlightTour walks users through several UI targets in order. Add SpotlightTourStep children with unique anchor_id values matching stable DOM id attributes and optional per-step anatomy slots; bind open to start the tour. The built-in footer handles next, back, and finish — wire on_finish to record completion in your app state. Prefer SpotlightPopover when the user opens help from a button; prefer this component when the app drives a multi-step walkthrough. Skip and dismiss are not first-class props yet.

Multi-step tour

Declarative steps with next/previous navigation and a moving anchor.

Toolbar
Sidebar