Context-based toast notification system with animated entrance, five variants, and optional actions.
Install
npx bouncekit@latest add toastImport
import { Toast } from "@/components/feedback/toast-provider"1. Copy the source file
Copy src/components/feedback/toast-provider.tsx into your project at the same path.
2. Install dependencies
Check the component's imports and install any missing packages.
3. Import and use
import { Toast } from "@/components/feedback/toast-provider"Make sure you have cn() from @/lib/utils available in your project.
Props
| Prop | Type | Required | Description |
|---|---|---|---|
maxToasts | number | — | Maximum visible toasts at once. Default: 5. |