ToastProvider

Feedback

Context-based toast system. Wrap your app and use useToast() to show toasts.

Install

npx bouncekit@latest add toastprovider

Import

import { ToastProvider } from "@/components/feedback/toast-provider"

import { ToastProvider, useToast } from "@/components/feedback/toast-provider"

// In your root layout:
<ToastProvider>{children}</ToastProvider>

// In any client component:
const { addToast } = useToast()
addToast({
  title: "Saved!",
  variant: "success",
})

API Reference

Prop	Type	Required	Description
`children`	`ReactNode`	yes	App content.
`maxToasts`	`number`	—	Maximum simultaneous toasts. Default: 5.

Source

src/components/feedback/toast-provider.tsx

Components/Feedback/ToastProvider