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 a80ff2d9_944a_9fc7_fd82_faa5e7aa3553["toast-with-title.tsx"] 1d9c6c27_a443_c5fd_35f3_e80b7125bc9f["use-toast"] a80ff2d9_944a_9fc7_fd82_faa5e7aa3553 --> 1d9c6c27_a443_c5fd_35f3_e80b7125bc9f d418ad18_b947_f4e5_6e4c_01100d7a63e4["button"] a80ff2d9_944a_9fc7_fd82_faa5e7aa3553 --> d418ad18_b947_f4e5_6e4c_01100d7a63e4 style a80ff2d9_944a_9fc7_fd82_faa5e7aa3553 fill:#6366f1,stroke:#818cf8,color:#fff
Relationship Graph
Source Code
"use client"
import { useToast } from "@/registry/default/hooks/use-toast"
import { Button } from "@/registry/default/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/default/examples/toast-with-title.tsx (domain: ComponentRegistry, subdomain: ChartRegistry, directory: deprecated/www/registry/default/examples).
Analyze Your Own Codebase
Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.
Try Supermodel Free