
Mantine Onboarding Tour v3 - Responsive by Design, Smoother Than Ever
Responsive popover positioning, granular lifecycle callbacks, persistent overlay, and type-safe step definitions — all in one major release. Introduction Version 3.0.0 of @gfazioli/mantine-onboarding-tour is a major overhaul that makes guided tours feel polished on every screen size. The responsive system has been completely redesigned around Mantine's useMatches() pattern, transitions between steps are now seamless, and the API is cleaner and fully type-safe. If you're building onboarding experiences with Mantine 8, this release is a significant step forward. What's New Responsive Popover Positioning The old responsive / mobileBreakpoint / mobilePosition toggle has been replaced by something far more powerful: responsive objects on popover props. The position , offset , width , and arrowSize properties now accept breakpoint-to-value maps — the same pattern Mantine uses throughout its ecosystem. < OnboardingTour focusRevealProps = { { popoverProps : { position : { base : ' bottom ' , s
Continue reading on Dev.to React
Opens in a new tab




