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
  3ed3857f_a739_f2e2_0308_18f0cf17a5e3["SonnerDescription()"]
  123fbd21_b0d0_7c53_593a_2077e9cb0807["sonner-description.tsx"]
  3ed3857f_a739_f2e2_0308_18f0cf17a5e3 -->|defined in| 123fbd21_b0d0_7c53_593a_2077e9cb0807
  style 3ed3857f_a739_f2e2_0308_18f0cf17a5e3 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/examples/radix/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>
  )
}