Possible to style highlighted element?

[jimmiejackson414]

Is your feature request related to a problem? Please describe.
I've been unable to figure out a way to style the highlighted element from either the docs or looking through the rendered DOM.

Describe the solution you'd like
The ability to style the highlighted element (I'm looking to add simple things such as padding and rounded corners).

Describe alternatives you've considered
I've looked through the docs as well as what is being rendered in the DOM.

Additional context

[fatihsolhan]

Hi, @jimmiejackson414 thank you for your interest in v-onboarding ❤️

We have an attachTo.classList option in steps, you could add some classes to style highlighted element.
See: https://v-onboarding-docs.fatihsolhan.com/props/steps

Please let me know if it helps

[jimmiejackson414]

I'd noticed that and tried styling it with that route, but adding things like padding messed with the layout quite a bit. I think I was mostly unsure of whether it was creating a new DOM element over the top of the element itself, and whether I could style that new DOM element but it doesn't sound like that's the case. I'll give this another shot, thanks!

[fatihsolhan]

Hey @jimmiejackson414, you meant adding padding and border radius to the corners of the overlay element as in SS below?
If so, it is just an SVG actually. If you want, I could try to add options for rounding corners and adding padding etc

This is the SVG overlay implementation: https://github.com/fatihsolhan/v-onboarding/blob/main/src/composables/useSvgOverlay.ts#L14

[jimmiejackson414]

@fatihsolhan yes that's correct, that would be incredible!

[github-actions]

🎉 This issue has been resolved in version 2.0.0 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀

[fatihsolhan]

Hey @jimmiejackson414

You can now add padding and border-radius to overlay element.
See overlay option: https://v-onboarding-docs.fatihsolhan.com/props/options

[jimmiejackson414]

Works beautifully, thanks a ton!