Svelte
French
Toast

Buttery smooth toast notifications.

Lightweight, customizable, and beautiful by default.
Inspired by React Hot Toast.

GitHub Source

Version 1.1.0

Emoji Support

Customizable

Promise API

Pause on hover

Accessible

Headless use

1. Install

npm install svelte-french-toast

2. Mount and use

<script>
	import { onMount } from 'svelte';
	import toast, { Toaster } from 'svelte-french-toast';

	onMount(() => {
		toast.success("It works!");
	})
</script>

<Toaster />

Examples

toast.success('Successfully toasted!')

GitHub

© 2022 svelte-french-toast · Built by Kabir Goel