sonner-style-default

PreviousNext
Docs
retrouiblock

Preview

Loading preview…
preview/components/sonner-style-default.tsx
import { Button } from "@/components/retroui";
import { toast } from "sonner";

export default function SonnerStyleDefault() {
  const onClick = () => {
    toast("Event has been created", {
      description: "Sunday, December 03, 2025",
      cancel: {
        label: "Undo",
        onClick: () => {},
      },
    });
  };

  return <Button onClick={onClick}>Show Toast</Button>;
}

Installation

npx shadcn@latest add @retroui/sonner-style-default

Usage

import { SonnerStyleDefault } from "@/components/sonner-style-default"
<SonnerStyleDefault />