Possible to style highlighted element? about v-onboarding HOT 7 CLOSED

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

from v-onboarding.

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

from v-onboarding.

Hey @jimmiejackson414

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

from v-onboarding.

Works beautifully, thanks a ton!

from v-onboarding.

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

from v-onboarding.

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!

from v-onboarding.

🎉 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 📦🚀

from v-onboarding.