Onboarding Tour
A Mantine component that enables you to create onboarding tours using overlays, popovers, and step-by-step guides, enhancing element visibility and interactivity.
Full documentation and API reference available at gfazioli.github.io/mantine-onboarding-tour
Installation
yarn add @gfazioli/mantine-onboarding-tourOverview
Onboarding Tour guides users through your UI step by step:
- Step-by-step tour — highlight elements in sequence
- Overlay dimming — focus attention on the target element
- Popover content — rich tooltips with custom content at each step
- Navigation controls — next, previous, skip, finish
- Keyboard support — navigate with arrow keys and Escape
- Controlled mode — programmatic tour start/stop/step
Last updated on