Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

How to change the mask styles height and width, instead fullscreen in <TourProvider> component? #656

Open
caturbgs opened this issue Oct 18, 2024 · 0 comments

Comments

@caturbgs
Copy link

caturbgs commented Oct 18, 2024

How to achieve the mask style width and height instead of the default value fullscreen using the Tour component? I'm using the Tour component to easier dynamically set up the layout. AFAIK you can use custom component Mask but i'm afraid it can't be setup dynamically like in Tour component.

After digging the down rendered HTML using Tour component, I've found the rendered mask is always full screen setup inside the svg element here.
image

Is there any way to custom the height and width of Mask, I want to create mask like rounded and with custom size like this.
image

Thanks!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant