Tour
Feedback
Guided tour component with steps, spotlight effects, and progressive feature discovery
Basic Usage
Guided tour for onboarding users.
Usage Guidelines
When to Use
- Onboarding
- Feature discovery
- Tutorials
Accessibility
- Focus management between steps
- Skip option available
Performance
- Step-based rendering
- Efficient spotlight calculations
Common Mistakes
- No way to skip tour
- Tour blocking important UI
Frequently Asked Questions
Tour guides users through features with step-by-step spotlights and tooltips.
Yes, Tour spotlights target elements with backdrop overlay.
Related Components
View allAlert
Contextual messaging with severity variants, dismissal, icons, and action button integration
Backdrop
Backdrop overlay for modals with blur effects and click-to-close functionality
Progress
Progress indicator with determinate/indeterminate modes, labels, and variant system including gradients
Result
Full-page status displays for success, error, and HTTP status codes (404, 403, 500) with action buttons