This is a parody of leetcode.com for designers. It's being developed live on Twitch.tv/zedashaw to demonstrate how to make a parody of a website.
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.
 
 
 
 
pixelperfectionist/client/components/Toasts.svelte

26 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>