Preview

About

The Sonner component is provided by vue-sonner, which is a Vue port of Sonner, originally created by Emil Kowalski for React.

Installation

Run the following command

npx sigma-ui add sonner

Add the Toaster component

Add the following Toaster component to your App.vue file:

<script setup lang="ts">
import { Toaster } from '@/components/ui/sonner'
</script>

<template>
  <Toaster />
</template>

Examples

Basic

Sonner with Dialog