SonnerDemo() — ui Function Reference

Architecture documentation for the SonnerDemo() function in sonner-demo.tsx from the ui codebase.

Function tsx DocumentationAtlas ContentSourcing

Entity Profile

DocumentationAtlas→ ContentSourcing→ SonnerDemo() — ui Function Reference

Dependency Diagram

graph TD
  8b9d9d9d_5bf4_54b1_619f_3f4edbd7a382["SonnerDemo()"]
  bb6ba70b_e8c4_1160_c699_efd4da6c35f1["sonner-demo.tsx"]
  8b9d9d9d_5bf4_54b1_619f_3f4edbd7a382 -->|defined in| bb6ba70b_e8c4_1160_c699_efd4da6c35f1
  style 8b9d9d9d_5bf4_54b1_619f_3f4edbd7a382 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/examples/base/sonner-demo.tsx lines 6–23

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>
  )
}