chakra-ui / zag

Finite state machines for building accessible design systems and UI components. Works with modern frameworks, and even just Vanilla JS
http://zagjs.com
MIT License
4.06k stars 168 forks source link

Toasts are not working #764

Closed dasmikko closed 1 year ago

dasmikko commented 1 year ago

🐛 Bug report

Following the Vuejs SFC example, I cannot get the toasts to work

💥 Steps to reproduce

Click "Make a toast" Nothing updates in the Vuejs state

💻 Link to reproduction

CodeSandbox reproduction: https://codesandbox.io/s/toast-example-l8jch2?file=/src/components/Toast.vue

🧐 Expected behavior

Vuejs state to update, and toast to show up in the list

🌍 System information

Software Version(s)
Zag Version 0.12.0
Browser Chrome
Operating System Fedora

📝 Additional information

segunadebayo commented 1 year ago

Hi @dasmikko,

Here's a working solution: https://codesandbox.io/s/zag-vue-toast-sfc-w9ntk3?file=/src/App.vue

dasmikko commented 1 year ago

Hi @segunadebayo

Thanks for the link, but It says the sandbox doesn't exist?

segunadebayo commented 1 year ago

Hey @dasmikko. Sorry, I forget to make the Sandbox public.

https://codesandbox.io/s/zag-vue-toast-sfc-w9ntk3?file=/src/App.vue