Skip to content

Simple and customizable toast notifications for Svelte

Notifications You must be signed in to change notification settings

bdougherty/as-toast

 
 

Repository files navigation

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

About

Simple and customizable toast notifications for Svelte

Resources

Stars

Watchers

Forks

Packages

No packages published

Languages

  • Svelte 61.1%
  • HTML 12.9%
  • JavaScript 10.4%
  • TypeScript 7.9%
  • CSS 7.7%