Qwik-Toasts Library ⚡️

Qwik-Toasts is a versatile toast notification library built on top of Qwik. 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: Embrace the aesthetics of DaisyUI themes to give your toast notifications a stylish and modern appearance.

• Qwik Docs
• Discord
• Qwik on GitHub
• @QwikDev
• Vite
• Builder.io

---

Installation

npm install qwik-toasts

or if you're using Bun:

bun install qwik-toasts

---

Project Structure

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

• src/components/toast/: Contains the core Qwik-Toasts components.
• index.ts: Entry point of the Qwik-Toasts library.

---

Development

Qwik-Toasts uses Vite with server-side rendering provided by Qwik and runs on Bun.

Start development:

bun install
bun start

---

Production Build

To build the library for production and generate type definitions:

bun run build

Output will be in:

• ./lib – Compiled output
• ./lib-types – TypeScript definitions

---

Example

Example usage is embedded in root.tsx.
To run the example:

bun update
bun start