Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

vue-sonner

Package Overview
Dependencies
Maintainers
1
Versions
33
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

vue-sonner - npm Package Compare versions

Comparing version 0.4.3 to 0.4.4

1

lib/component.d.ts
export { default as Toaster } from './Toaster.vue';
export { type ToasterProps } from './Toaster.vue';

3

lib/index.d.ts
import type { Plugin } from 'vue';
import { Toaster } from './component';
import type { ToasterProps } from './component';
import { toast } from './state';
export { Toaster, toast };
export { Toaster, toast, ToasterProps };
declare const plugin: Plugin;
export default plugin;
{
"name": "vue-sonner",
"version": "0.4.3",
"version": "0.4.4",
"type": "module",

@@ -5,0 +5,0 @@ "author": "xiaoluoboding <xiaoluoboding@gmail.com>",

# Sonner for Vue
![vue-sonner minzip package size](https://img.shields.io/bundlephobia/minzip/vue-sonner)
![vue-sonner package version](https://img.shields.io/npm/v/vue-sonner.svg?colorB=green)
[![NPM][npmBadge]][npmUrl]
[![Minzip Package][bundlePhobiaBadge]][bundlePhobiaUrl]
[![NPM Download][npmDtBadge]][npmDtUrl]
[npmBadge]: https://img.shields.io/npm/v/vue-sonner.svg?maxAge=2592000
[npmUrl]: https://www.npmjs.com/package/vue-sonner
[npmDtBadge]: https://img.shields.io/npm/dt/vue-sonner.svg
[npmDtUrl]: https://www.npmjs.com/package/vue-sonner
[bundlePhobiaBadge]: https://img.shields.io/bundlephobia/minzip/vue-sonner
[bundlePhobiaUrl]: https://bundlephobia.com/package/vue-sonner@latest
> An opinionated toast component for Vue. It's a Vue port of Sonner

@@ -16,2 +24,43 @@

## Table of Contents
<details>
<summary>TOC</summary>
- [Sonner for Vue](#sonner-for-vue)
- [Preview](#preview)
- [Introduction](#introduction)
- [Table of Contents](#table-of-contents)
- [Installation](#installation)
- [Usage](#usage)
- [For Vue 3](#for-vue-3)
- [For Nuxt 3](#for-nuxt-3)
- [CDN Link](#cdn-link)
- [Types](#types)
- [Default](#default)
- [Success](#success)
- [Error](#error)
- [Action](#action)
- [Promise](#promise)
- [Custom Component](#custom-component)
- [Customization](#customization)
- [Headless](#headless)
- [Theme](#theme)
- [Position](#position)
- [Expanded](#expanded)
- [Styling for all toasts](#styling-for-all-toasts)
- [Styling for individual toast](#styling-for-individual-toast)
- [Close button](#close-button)
- [Rich colors](#rich-colors)
- [Custom offset](#custom-offset)
- [Programmatically remove toast](#programmatically-remove-toast)
- [Programmatically remove toast](#programmatically-remove-toast-1)
- [On Close Callback](#on-close-callback)
- [Keyboard focus](#keyboard-focus)
- [Inspiration](#inspiration)
- [License](#license)
</details>
## Installation

@@ -18,0 +67,0 @@

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc