diff options
Diffstat (limited to '')
| -rw-r--r-- | web/ui/src/lib/components/Toasts.svelte | 12 |
1 files changed, 12 insertions, 0 deletions
diff --git a/web/ui/src/lib/components/Toasts.svelte b/web/ui/src/lib/components/Toasts.svelte new file mode 100644 index 0000000..3d66b3f --- /dev/null +++ b/web/ui/src/lib/components/Toasts.svelte @@ -0,0 +1,12 @@ +<script lang="ts"> + import { toasts } from '$lib/stores/toasts'; +</script> + +<div class="toast-container" aria-live="polite" aria-atomic="true"> + {#each $toasts as t (t.id)} + <div class="toast toast-{t.kind}"> + <span class="toast-dot"></span> + <span>{t.message}</span> + </div> + {/each} +</div> |