Toast

A succinct message that is displayed temporarily.

shadcn/ui docs →

Preview

Installation

terminal
$
Other package managers
bunx --bun shadcn@latest add https://trents.tech/r/toast.json

Dependencies: sonner

Usage

example.tsx
import { toast } from "sonner"
import { Button } from "@/components/ui/button"

<Button onClick={() => toast("Event has been created.")}>
  Show Toast
</Button>
0