sonner-demo.tsx — ui Source File
Architecture documentation for sonner-demo.tsx, a tsx file in the ui codebase. 2 imports, 0 dependents.
Entity Profile
Dependency Diagram
graph LR 268d5d7c_14fa_f4e8_957f_acf5db2d4697["sonner-demo.tsx"] 4b1d2128_46d9_46f0_b915_b6e1925b7876["button"] 268d5d7c_14fa_f4e8_957f_acf5db2d4697 --> 4b1d2128_46d9_46f0_b915_b6e1925b7876 e750d152_1191_1793_7244_99c7f9c595f4["sonner"] 268d5d7c_14fa_f4e8_957f_acf5db2d4697 --> e750d152_1191_1793_7244_99c7f9c595f4 style 268d5d7c_14fa_f4e8_957f_acf5db2d4697 fill:#6366f1,stroke:#818cf8,color:#fff
Relationship Graph
Source Code
"use client"
import { Button } from "@/examples/radix/ui/button"
import { toast } from "sonner"
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>
)
}
Domain
Subdomains
Functions
Dependencies
- button
- sonner
Source
Frequently Asked Questions
What does sonner-demo.tsx do?
sonner-demo.tsx is a source file in the ui codebase, written in tsx. It belongs to the DocumentationAtlas domain, ContentSourcing subdomain.
What functions are defined in sonner-demo.tsx?
sonner-demo.tsx defines 1 function(s): SonnerDemo.
What does sonner-demo.tsx depend on?
sonner-demo.tsx imports 2 module(s): button, sonner.
Where is sonner-demo.tsx in the architecture?
sonner-demo.tsx is located at apps/v4/examples/radix/sonner-demo.tsx (domain: DocumentationAtlas, subdomain: ContentSourcing, directory: apps/v4/examples/radix).
Analyze Your Own Codebase
Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.
Try Supermodel Free