Toasts don't seem to work outside of docs page

[ikelkar]

While the toast seems to work nicely on this page: https://devdojo.com/pines/docs/toast, the playground doesn't seem to work nor does copying the component code

[aligjahed]

same.

[pixelastronauts]

Make sure you have a x-data surrounding both the toast component & the buttons. This is indeed missing in the example code, so copying that code doesn't work out of the box.

<div class="relative w-auto h-auto" x-data>
    // Implementation of all buttons & toasts
</div>