@bobbymannino/svelte-toaster v1.1.3

Svelte Toaster

Description

A notification system that's:

• TypeScript First
• Customizable
• Easy To Use
• Animated

Demo

Demo Site

Installation

npm install --save-dev @bobbymannino/svelte-toaster

Usage

<!-- +layout.svelte -->

<script lang="ts">
	import { Toaster } from "@bobbymannino/svelte-toaster";
</script>

<Toaster />

<!-- +page.svelte -->

<script lang="ts">
	import { toaster } from "@bobbymannino/svelte-toaster";

	function newToast() {
		toaster.toast("DON'T BURN ME!");
	}
</script>

<button on:click="{newToast}">Toasty!</button>

Configuration

<!-- +layout.svelte -->

<Toaster xPlacement="right" yPlacement="top" />

<!-- +page.svelte -->

<script lang="ts">
	function newToast() {
		toaster.toast("hi there", { type: "error", icon: false, duration: 10000, colorful: true });
	}
</script>

Bugs & Features

Submit all bugs and/or feature requests to the issues panel panel on GitHub