xiaoluoboding / vue-sonner

đŸ”” An opinionated toast component for Vue.
https://vue-sonner.robertshaw.id
MIT License
889 stars 46 forks source link

Allow specifying attributes on wrapper `<section>` #66

Open CernyMatej opened 5 months ago

CernyMatej commented 5 months ago

As far as I'm aware, it is currently not possible to style the wrapper <section> element, since inheritAttrs is set to false. https://github.com/xiaoluoboding/vue-sonner/blob/45df97915f00eac7407a7508291f0041a0e4f691/packages/Toaster.vue#L148

I'd like to apply isolation: isolate; to the section so that I can cover the toasts with other UI elements like slideovers etc.

What do you think would be the best solution for this? Adding a prop just for the isolation: isolate; style or allowing to provide all attributes to the wrapper element via a custom prop like wrapperAttrs ?