Sonner
Toast notification system for success, error, and informational messages.
Setup
Add the Toaster component once in your app root:
<script setup>
import { Toaster } from '@meldui/vue'
</script>
<template>
<RouterView />
<Toaster position="bottom-right" />
</template>
Usage
Exports
| Export | Description |
|---|---|
Toaster | Toast container component. Props: position, richColors, expand, duration |
toast | Toast function with .success(), .error(), .warning(), .info() methods |
useVueSonner | Composable for programmatic control |