OnboardingSpotlight

OnboardingSpotlight requires DOM refs to target elements.
Use with targetRef props pointing to elements in your app.

Step-by-step spotlight tour overlay. Highlights UI elements with a mask and shows tooltip instructions.

API Reference

PropTypeDefaultDescription
steps*SpotlightStep[]—Array of tour steps with targetRef, title, description
currentStep*number—Current active step index
onNext*() => void—Called when next is clicked
onPrev*() => void—Called when previous is clicked
onClose*() => void—Called when tour is closed
classNamestring—Additional CSS classes

Source Code