Smoking hot Notifications for Svelte.

Lightweight, customizable and beautiful by default.

Website · Documentation · Twitter

_{Created by Ankur Singhal 👨‍🍳}

Features

• 🔥 Hot by default
• 🔩 Easily Customizable
• ⏳ Promise API - Automatic loader from a promise
• 🕊 Lightweight - less than 5kb including styles
• ✅ Accessible

Installation

With yarn

yarn add svelte-fire-toast

With NPM

npm install svelte-fire-toast

Getting Started

Add the Toaster to your app first (entry point +layout.svelte). It will take care of rendering all notifications emitted. Now you can trigger toast() or use:fireAction from anywhere!

<script>
	import { Toaster, toastAction } from 'svelte-fire-toast';
</script>

<Toaster />
<button use:toastAction={'Toasted!'}> Fire </button>

Documentation

Find the full API reference on official documentation.