Sonner/sonner-content-

PreviousNext

A sonner/sonner-content- example

Docs
shadcnblocksblock

Preview

Loading preview…
code/example/sonner/sonner-content-4.tsx
"use client";

import { toast } from "sonner";

import { Button } from "@/components/ui/button";

export const title = "Toast with Multi-line Content";

const Example = () => (
  <Button
    onClick={() =>
      toast.success("Profile updated successfully", {
        description:
          "Your profile has been updated with the latest information. All changes are now live and visible to other users.",
      })
    }
    variant="outline"
  >
    Show Toast
  </Button>
);

export default Example;

Installation

npx shadcn@latest add @shadcnblocks/sonner-sonner-content-4

Usage

import { SonnerSonnerContent4 } from "@/components/sonner-sonner-content-4"
<SonnerSonnerContent4 />