💚 Using Nuxt? Install nuxt-toastflow instead — it wraps this package with auto-imports and SSR support.

createToastflow() injects Toastflow's default CSS by default. Pass createToastflow(config, { css: false }) to disable that and import vue-toastflow/styles.css manually only when you want the shipped styles.

📦 What's Included

| | Feature | | :-: | :------------------------------------------------------- | | 🔌 | createToastflow plugin | | 🎯 | toast programmatic API | | 🧱 | <ToastContainer /> · <Toast /> · <ToastProgress /> | | 🎨 | Default styles and icon components |

🚀 Quick Start

1. Install

pnpm add vue-toastflow

2. Register the plugin

// main.ts
import { createApp } from "vue";
import App from "./App.vue";
import { createToastflow } from "vue-toastflow";

createApp(App).use(createToastflow()).mount("#app");

3. Use it ✨

<!-- App.vue -->
<script setup lang="ts">
import { ToastContainer, toast } from "vue-toastflow";

toast.success({ title: "Saved", description: "Your changes are live." });
</script>

<template>
  <ToastContainer />
</template>

💡 See the full Vue Quick Start guide for theming, slots, events, and more.

📄 License

MIT — made with ❤️ by @adrianjanocko