svelte-fire-toast Svelte Themes

Svelte Fire Toast

Firey Svelte Notifications utility ๐Ÿ”ฅ. Inspired by react-hot-toast.

svelte-fire-toast - Try it out


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.

Top categories

Loading Svelte Themes