Vue3 Hot Toast

Add beautiful notifications to your Vue app with vue3-hot-toast.

Preview

GitHub Preview Video

Website

Document: https://vue3-hot-toast.netlify.app
NPM: https://www.npmjs.com/package/vue3-hot-toast

Inspiration

react-hot-toast - Smoking Hot React Notifications.

Install

pnpm install vue3-hot-toast
or 
npm install vue3-hot-toast
or 
yarn add vue3-hot-toast

Basic usage

<script setup lang="ts">
import toast, { Toaster } from 'vue3-hot-toast'

function notify() {
  toast('Here is your toast.')
}
</script>

<template>
  <div>
    <button @click="notify">Make me a toast</button>
    <Toaster />
  </div>
</template>