SonnerDescription() — ui Function Reference

Architecture documentation for the SonnerDescription() function in sonner-description.tsx from the ui codebase.

Function tsx DocumentationAtlas SearchAPI

Entity Profile

DocumentationAtlas→ SearchAPI→ SonnerDescription() — ui Function Reference

Dependency Diagram

graph TD
  1fe381f9_f7a9_1369_3a6c_d778eb68bf8c["SonnerDescription()"]
  e713fed7_9337_27c4_df6f_ab7a4f36e850["sonner-description.tsx"]
  1fe381f9_f7a9_1369_3a6c_d778eb68bf8c -->|defined in| e713fed7_9337_27c4_df6f_ab7a4f36e850
  style 1fe381f9_f7a9_1369_3a6c_d778eb68bf8c fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/examples/base/sonner-description.tsx lines 6–20

export function SonnerDescription() {
  return (
    <Button
      onClick={() =>
        toast("Event has been created", {
          description: "Monday, January 3rd at 6:00pm",
        })
      }
      variant="outline"
      className="w-fit"
    >
      Show Toast
    </Button>
  )
}