Hi @elrumordelaluz! I'm trying to
import "@reactour/popover/dist/index.css" per your example and it does not resolve.
On version 3.0.5
Closing as this issue is related on this one
Hi @toduyen, thanks for open the Issue.
In that case you must handle the state of the steps tour outside (as opposite as the internal state handled automatically without extra config), just passing setCurrentStep and currentStep in that case handling with a persistent way (like saving step in
localStorage for example). Same way, using persistent state, you can handle if the Tour was open or close when the page was refreshed.
Hi @SirReaDy, thanks for open the Issue. Mind creating a minimal reproduction in a sandbox sharing your idea or use case?
Here is an example, using a custom
clip-path which calculates the same way the mask do internally to highlight the DOM element, but creating an arrow like (the triangle on the left) that follows the highlighted area. You can see that we are also controlling other path stuff that could be controlled through
Hi @shubhrasachdev, thanks for open the Issue.
There is a version here for the tour, and also for the other components (
popover) changing the route on the url. Those are however a temporary demos, since I have to work a little more to improve
code on each example.
I suggest to check the Hero content which is rendering different in at least three browsers, probably due to inconsistencies using
display: contents. In the NextUI homepage is solved using
Here are some screenshots.
thank you @Allyson-Santana to share your (re)solutio!
v3.1.4 you still need the
Since I think the issue is solve, I am closing it, but feel free to re-open or create a new one in any case.