vue3-hot-toast

Add beautiful notifications to your Vue app with vue3-hot-toast.
4,647 14
vue vue3 toast vue-toast vue3-toast vue3-hot-toast vue-hot-toast
Install
npm install vue3-hot-toast
Latest Version:0.0.5
Vue:3
License:MIT
Last Updated:Oct 15, 2024
Links: GitHub  ·  npm
Maintainer: 4rvin

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>

Related Packages

vue-toast-component

移动端toast弹框，样式美观、轻量，支持vue2.0

921
toast vue vue-toast
vue-toast-custom

一个vue toast插件 主要应用在移动端

503
toast vue vue-toast
vue3-toastify

🎉 Vue3-Toastify allows you to add notifications to your app with ease. No more...

3,719,911 545
toast vue vue-toast vue3 vue3-toast alert notification toastify vue-notification vue-toastify +3
vue-toasted

Responsive Touch Compatible Toast plugin for VueJS 2+

2,122,315 2,194
toast vue vue-toast responsive toasted toastr touch touch-compatible vue-toasted vue-toastr
@hoppscotch/vue-toasted

Port of vue-toasted to Vue 3

169,643 10
toast vue vue-toast responsive toasted toastr touch touch-compatible vue-toasted vue-toastr

Version History

Version Released Vue License
0.0.5 ^3.2.45 MIT
0.0.4 ^3.2.45 MIT
0.0.3 ^3.2.45 MIT
0.0.2 ^3.2.45 MIT
0.0.0 ^3.2.45 MIT
Pre-releases (1)
Version Released Vue License
0.0.1-beta.1 ^3.2.45 MIT