Sonner
feedbackAn opinionated toast notification component built on Sonner.
Preview
Installation
npm install @launchapp/design-systemImport
import { SonnerToaster, sonnerToast } from "@launchapp/design-system";Examples
Toast Notifications
<SonnerToaster /><Button variant="outline" onClick={() => sonnerToast("Event has been created")}> Show Toast</Button>Props
| Prop | Type | Default | Description |
|---|---|---|---|
position | "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right" | "bottom-right" | Position of the toast container. |
expand | boolean | false | Whether toasts expand to full width. |
richColors | boolean | false | Whether to use rich colors for success/error/etc. |
theme | "light" | "dark" | "system" | "system" | Color theme. |