This is the template project that's checked out and configured when you run the bando-up command from ljsthw-bandolier. This is where the code really lives.
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
bandolier-template/client/components/Toasts.svelte

27 lines
525 B

<script>
import { fade } from "svelte/transition";
export let toasts = [];
export let fade_after = 5000;
export const send_toast = (msg) => {
toasts.push(msg);
toasts = toasts;
setTimeout(() => {
toasts.shift();
toasts = toasts;
}, fade_after);
}
export let orientation = "bottom left";
</script>
<toast-list class="{ orientation }" class:active={ toasts.length > 0 }>
{#each toasts as toast}
<toast transition:fade|local>
{ toast }
</toast>
{/each}
</toast-list>