diff options
Diffstat (limited to 'layouts/partials/toast-container.html')
| -rw-r--r-- | layouts/partials/toast-container.html | 13 |
1 files changed, 13 insertions, 0 deletions
diff --git a/layouts/partials/toast-container.html b/layouts/partials/toast-container.html new file mode 100644 index 0000000..7bbd3c0 --- /dev/null +++ b/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> + <button class="toast-close" @click="removeToast(toast.id)" type="button" aria-label="Close notification"></button> + </div> + </template> +</div> + +{{ end }} |