diff options
Diffstat (limited to 'themes/danix-xyz-hacker/layouts/partials/toast-container.html')
| -rw-r--r-- | themes/danix-xyz-hacker/layouts/partials/toast-container.html | 13 |
1 files changed, 13 insertions, 0 deletions
diff --git a/themes/danix-xyz-hacker/layouts/partials/toast-container.html b/themes/danix-xyz-hacker/layouts/partials/toast-container.html new file mode 100644 index 0000000..1c5fbf2 --- /dev/null +++ b/themes/danix-xyz-hacker/layouts/partials/toast-container.html @@ -0,0 +1,13 @@ +{{ define "toast-container" }} + +<!-- Toast notification container with Alpine.js integration --> +<div class="toast-container" x-data="formComponentsData()"> + <template x-for="toast in toasts" :key="toast.id"> + <div class="toast" :class="`toast-${toast.type}`" x-show="toasts.length > 0"> + <span x-text="toast.message"></span> + <div class="toast-close" @click="removeToast(toast.id)"></div> + </div> + </template> +</div> + +{{ end }} |
