Introduction to Langchain
An opinionated toast component for React.
About
Sonner is built and maintained by emilkowalski_.
Run the following command:
pnpm dlx shadcn@latest add sonnerpnpm dlx shadcn@latest add sonnerbunx dlx shadcn@latest add sonnerimport { 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.")Sonner is built and maintained by emilkowalski_.
Run the following command:
pnpm dlx shadcn@latest add sonnerpnpm dlx shadcn@latest add sonnerbunx dlx shadcn@latest add sonnerimport { 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.")Sonner is built and maintained by emilkowalski_.
Run the following command:
pnpm dlx shadcn@latest add sonnerpnpm dlx shadcn@latest add sonnerbunx dlx shadcn@latest add sonnerimport { 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.")Sonner is built and maintained by emilkowalski_.
Run the following command:
pnpm dlx shadcn@latest add sonnerpnpm dlx shadcn@latest add sonnerbunx dlx shadcn@latest add sonnerimport { 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.")