Components
Sonner
Components
Sonner
An opinionated toast component for React.
Usage
import { toast } from "sonner";
toast("Event has been created.");
Example
import { toast } from "sonner";
import { Button } from "@trytoolify/ui/button";
export function SonnerDemo() {
return (
<Button
variant="outline"
onClick={() =>
toast("Event has been created", {
description: "Sunday, December 03, 2023 at 9:00 AM",
action: {
label: "Undo",
onClick: () => console.log("Undo"),
},
})
}
>
Show Toast
</Button>
);
}