Docs
Sonner
Sonner
An opinionated toast component for React.
About
Sonner is built and maintained by emilkowalski_.
Installation
Run the following command:
pnpm dlx shadcn@latest add sonner
Add the Toaster component
app/layout.tsx
import { Toaster } from "@/components/ui/sonner"
export default function RootLayout({ children }) {
return (
<html lang="en">
<head />
<body>
<main>{children}</main>
<Toaster />
</body>
</html>
)
}
Usage
import { toast } from "sonner"
toast("Event has been created.")