# as-toast

> Simple and customizable toast notifications for Svelte

Latest version **1.1.0** (published 2022-03-23) · MIT license · 0 weekly downloads

> **Deprecated.** This package is deprecated.

## Install

```sh
npm install as-toast
pnpm add as-toast
yarn add as-toast
bun add as-toast
```

## Health

**Score 10/100 (F)** — status: deprecated.

Negative: deprecated.

## Facts

| | |
|---|---|
| Version | 1.1.0 |
| Published | 2022-03-23 |
| First published | 2021-09-20 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | ESM |
| Dependencies | 0 |
| Unpacked size | 9.2 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | Antonio Sarcevic |
| Maintainers | sarcevic |
| Keywords | Svelte, Toasts, Notification, Component |

## Links

- npm: https://www.npmjs.com/package/as-toast
- Repository: https://github.com/SarcevicAntonio/as-toast
- Homepage: https://github.com/SarcevicAntonio/as-toast#readme
- Issues: https://github.com/SarcevicAntonio/as-toast/issues
- npm.io page: https://npm.io/package/as-toast

## Alternatives

- [update-check](https://npm.io/package/update-check.md) — 4.0M weekly downloads
- [react-native-onesignal](https://npm.io/package/react-native-onesignal.md) — 134.5K weekly downloads
- [react-redux-toastr](https://npm.io/package/react-redux-toastr.md) — 33.7K weekly downloads
- [@nocobase/plugin-notification-manager](https://npm.io/package/@nocobase/plugin-notification-manager.md) — 2.0K weekly downloads
- [react-simple-toasts](https://npm.io/package/react-simple-toasts.md) — 1.9K weekly downloads

## Recent versions

- 1.1.0 (latest) — 2022-03-23
- 1.0.0 — 2021-11-12
- 0.0.2 — 2021-09-20

## README

# 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.](https://i.imgur.com/FCQkfSe.png)

## Links

- [Open quick start in Svelte REPL](https://svelte.dev/repl/ac1ac6289ab948b488fe2f17d122aaac?version=3.42.6)
- [View a demo](https://as-toast.vercel.app/#demo)
- [View the docs](https://as-toast.vercel.app/#docs)
- [View Theme Ideas 🎨](https://as-toast.vercel.app/#themes)
- [Vist package on npm](https://www.npmjs.com/package/as-toast)
- [Visit project repo on GitHub](https://github.com/SarcevicAntonio/as-toast).

## Quick Start

```
npm i -D as-toast
```

```html
<!-- 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](https://svelte.dev/repl/ac1ac6289ab948b488fe2f17d122aaac?version=3.42.6)**

## Theme Ideas 🎨

[![Toast Package that shows of the CSS customization in various themes](https://www.sarcevic.dev/files/blog/toasting-in-svelte/as-toast.png)](https://as-toast.vercel.app/#themes)

---
_Source: https://npm.io/package/as-toast · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._