as-toast icon indicating copy to clipboard operation
as-toast copied to clipboard

Simple and customizable toast notifications for Svelte

AS Toast 🍞 (for Svelte)

Simple and customizable toast notifications for Svelte

Intended as a replacement for alert(), though in a non-blocking fashion.

Image to a warning and a info toast notification.

Links

Quick Start

npm i -D as-toast
<!-- App.svelte -->
<script>
  import { Toasts, addToast } from "as-toast";
</script>

<Toasts />

<button on:click={() => {addToast("Hello World")}}>
  add toast
</button>

--> Open quick start in Svelte REPL

Theme Ideas 🎨

Toast Package that shows of the CSS customization in various themes