{"repo":"xiaoluoboding/vue-sonner","free":true,"listed":false,"github":"https://github.com/xiaoluoboding/vue-sonner","clone":"git clone https://github.com/xiaoluoboding/vue-sonner.git","description":"🔔 An opinionated toast component for Vue & Nuxt.","language":"Vue","stars":1462,"topics":["component-library","nuxt3","toast","vue3","vuejs"],"license":"MIT","category":"ui-components","readme_excerpt":"Sonner for Vue [![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 Preview https://user-images.githubusercontent.com/6118824/228208185-be5aefd4-7fa8-4f95-a41c-88a60c0e2800.mp4 Introduction Vue Sonner is an opinionated toast component for Vue. It's customizable, but styled by default. Comes with a swipe to dismiss animation. Table of Contents TOC - Sonner for Vue - Preview - Introduction - Table of Contents - Installation - Test - Launching the test - Build and watch for change in order to fix the test - Usage - For Vue 3 - For Nuxt 3 - CDN Link - Types - Default - Success - Error - Action - Promise - Custom Component - Customization - Headless - Theme - Position - Expanded - Styling for all toasts - Styling for individual toast - Tailwind CSS - Changing Icon - Close button - Rich colors - Custom offset - On Close Callback - Persisting toasts - Dismissing toasts programmatically - Keyboard focus - Contributors - Inspiration - License Installation To start using the libra","default_branch":null,"files":null,"tree":[],"storefront":"/r/xiaoluoboding","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/xiaoluoboding/vue-sonner/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}