toast-with-title.tsx — ui Source File
Architecture documentation for toast-with-title.tsx, a tsx file in the ui codebase. 2 imports, 0 dependents.
Entity Profile
Dependency Diagram
graph LR 3a6cde1e_f6ce_7449_acd6_b35d2ac9647b["toast-with-title.tsx"] 64d95022_f8e1_3e94_bb97_22b3ebca757e["use-toast"] 3a6cde1e_f6ce_7449_acd6_b35d2ac9647b --> 64d95022_f8e1_3e94_bb97_22b3ebca757e aa2f3ec6_f291_3763_88ec_65a3f5ad5939["button"] 3a6cde1e_f6ce_7449_acd6_b35d2ac9647b --> aa2f3ec6_f291_3763_88ec_65a3f5ad5939 style 3a6cde1e_f6ce_7449_acd6_b35d2ac9647b fill:#6366f1,stroke:#818cf8,color:#fff
Relationship Graph
Source Code
"use client"
import { useToast } from "@/registry/new-york/hooks/use-toast"
import { Button } from "@/registry/new-york/ui/button"
export default function ToastWithTitle() {
const { toast } = useToast()
return (
<Button
variant="outline"
onClick={() => {
toast({
title: "Uh oh! Something went wrong.",
description: "There was a problem with your request.",
})
}}
>
Show Toast
</Button>
)
}
Domain
Subdomains
Functions
Dependencies
- button
- use-toast
Source
Frequently Asked Questions
What does toast-with-title.tsx do?
toast-with-title.tsx is a source file in the ui codebase, written in tsx. It belongs to the ComponentRegistry domain, ChartRegistry subdomain.
What functions are defined in toast-with-title.tsx?
toast-with-title.tsx defines 1 function(s): ToastWithTitle.
What does toast-with-title.tsx depend on?
toast-with-title.tsx imports 2 module(s): button, use-toast.
Where is toast-with-title.tsx in the architecture?
toast-with-title.tsx is located at deprecated/www/registry/new-york/examples/toast-with-title.tsx (domain: ComponentRegistry, subdomain: ChartRegistry, directory: deprecated/www/registry/new-york/examples).
Analyze Your Own Codebase
Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.
Try Supermodel Free