# qwik-toasts

> Qwik Toasts library

Latest version **2.0.2** (published 2025-02-26) · 0 weekly downloads

## Install

```sh
npm install qwik-toasts
pnpm add qwik-toasts
yarn add qwik-toasts
bun add qwik-toasts
```

## Health

**Score 40/100 (D)** — status: maintenance-mode.

Positive: has types; esm support; no vulnerabilities; high quality score.

Warnings: low downloads.

Negative: stale; low maintenance score.

## Facts

| | |
|---|---|
| Version | 2.0.2 |
| Published | 2025-02-26 |
| First published | 2024-01-03 |
| Weekly downloads | 0 |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Node | >=15.0.0 |
| Dependencies | 0 |
| Unpacked size | 37 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Maintainers | lieranderl |
| Keywords | qwik, toast |

## Links

- npm: https://www.npmjs.com/package/qwik-toasts
- Repository: https://github.com/lieranderl/qwik-toasts
- Homepage: https://github.com/lieranderl/qwik-toasts#readme
- Issues: https://github.com/lieranderl/qwik-toasts/issues
- npm.io page: https://npm.io/package/qwik-toasts

## 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

- 2.0.2 (latest) — 2025-02-26
- 1.0.1 — 2024-08-04
- 1.0.0 — 2024-08-04
- 0.0.7 — 2024-01-10
- 0.0.6 — 2024-01-04
- 0.0.5 — 2024-01-03
- 0.0.4 — 2024-01-03
- 0.0.3 — 2024-01-03
- 0.0.2 — 2024-01-03
- 0.0.1 — 2024-01-03

## README

# Qwik-Toasts Library ⚡️

Qwik-Toasts is a versatile toast notification library built on top of [Qwik](https://qwik.builder.io/). It provides a simple and efficient way to display informative messages to users in your web applications.

Qwik Integration: Leveraging the capabilities of Qwik, our library seamlessly integrates with your web application, ensuring smooth and efficient performance.

Tailwind CSS Styles: The project utilizes Tailwind CSS for styling, offering a customizable and modern look for your toast notifications. Easily adapt the styles to match your application's design.

[DaisyUI](https://daisyui.com/): Embrace the aesthetics of DaisyUI themes to give your toast notifications a stylish and modern appearance.

- [Qwik Docs](https://qwik.builder.io/)
- [Discord](https://qwik.builder.io/chat)
- [Qwik on GitHub](https://github.com/BuilderIO/qwik)
- [@QwikDev](https://twitter.com/QwikDev)
- [Vite](https://vitejs.dev/)
- [Builder.io](https://www.builder.io/)

---

## Installation

```bash
npm install qwik-toasts
```

or if you use bun:

```bash
bun install qwik-toasts
```

## Project Structure

Inside your Qwik-Toasts project, you'll find the following directories and files:

```
└── src/
    ├── components/toast
    │              └── ...
    └── index.ts
```

- `src/components/toast`: This directory is a location for Qwik-Toasts components.

- `index.ts`: The entry point of your Qwik-Toasts library.

## Development

During development, Qwik-Toasts uses [Vite's development server](https://vitejs.dev/) with server-side rendering (SSR) capabilities provided by Qwik and [Bun](https://bun.sh/). Bun is an all-in-one JavaScript runtime & toolkit designed for speed, complete with a bundler, test runner, and Node.js-compatible package manager.

Start development:

```bash
bun install
```

```bash
bun start
```

## Production

For production, the Qwik-Toasts library should generate the production build in the `./lib` directory, along with TypeScript type definitions in `./lib-types`.

```bash
bun run build
```

## Example

Check out the example located in the /example directory to see Qwik-Toasts in action.

[![Qwik-Toasts Example Video](https://img.youtube.com/vi/dj83Sr_KtJ4/0.jpg)](https://www.youtube.com/watch?v=dj83Sr_KtJ4)

Add daisyUI to your tailwind.config.js files, add tailwind for qwik-toasts:

```

module.exports = {
  content: [
    //...
    "./node_modules/qwik-toasts/**/*.{cjs,mjs}"
  ],
  //...
  plugins: [require("daisyui")],
}
```

Install dependencies:

```
bun install
```

Run:

```bash
bun start
```

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