vue-sonner
vue-sonner copied to clipboard
xiaoluoboding
🔔 An opinionated toast component for Vue.
If I have a Toaster defined like: ``` ``` and I call ``` toast.success( `Blah`, { position: 'top-center' } ) ``` Nothing shows up. But if I change the .success...
This PR adds support for multiple actions. Example: ``` toast.message('Event has been created', { action: [ { label: 'Cancel', onClick: (e, toast) => toast.deleteToast(200) }, { label: 'Confirm', onClick: ()...
Is there a way to set global config for all toasts in the plugin folder for nuxt like position & duration
As far as I'm aware, it is currently not possible to style the wrapper `` 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 dissmiss function is not working and breaking the toaster. This is the code im running. Very simple. ``` toast.dismiss(toastId) ``` and its returning Uncaught (in promise) Maximum recursive updates...
i am working on GUI using wails, and I tried to make my own toast because somehow the toast can't be styled using the toast option you provided using tailwind....
# Enviroment System: OS: Linux 6.5 Ubuntu 22.04.4 LTS 22.04.4 LTS (Jammy Jellyfish) CPU: (8) x64 Intel(R) Core(TM) i7-10510U CPU @ 1.80GHz Memory: 6.59 GB / 15.45 GB Container: Yes...
How to Pass html to the toast? I want to show UL/LI menu inside the toast.
In order to pass CSP rules, VueSonner should not have inline styles. ( see screenshot ) 
Everything below tested in Nuxt 3. - [x] Example to define it as a plugin leads to hydration missmatch, even when `` is used within `` component - [x] Using...
