alert-destructive.tsx — ui Source File
Architecture documentation for alert-destructive.tsx, a tsx file in the ui codebase. 2 imports, 0 dependents.
Entity Profile
Dependency Diagram
graph LR fbfe68dd_bf95_8ea2_0570_66662c7feef4["alert-destructive.tsx"] a0bb0c78_b08b_4b56_3f1a_1be780fd19c5["alert"] fbfe68dd_bf95_8ea2_0570_66662c7feef4 --> a0bb0c78_b08b_4b56_3f1a_1be780fd19c5 d39cd1e4_1b2d_9aa2_1d29_fd0b4bfb61c3["lucide-react"] fbfe68dd_bf95_8ea2_0570_66662c7feef4 --> d39cd1e4_1b2d_9aa2_1d29_fd0b4bfb61c3 style fbfe68dd_bf95_8ea2_0570_66662c7feef4 fill:#6366f1,stroke:#818cf8,color:#fff
Relationship Graph
Source Code
import { Alert, AlertDescription, AlertTitle } from "@/examples/base/ui/alert"
import { AlertCircleIcon } from "lucide-react"
export default function AlertDestructive() {
return (
<Alert variant="destructive" className="max-w-md">
<AlertCircleIcon />
<AlertTitle>Payment failed</AlertTitle>
<AlertDescription>
Your payment could not be processed. Please check your payment method
and try again.
</AlertDescription>
</Alert>
)
}
Domain
Subdomains
Functions
Dependencies
- alert
- lucide-react
Source
Frequently Asked Questions
What does alert-destructive.tsx do?
alert-destructive.tsx is a source file in the ui codebase, written in tsx. It belongs to the DocumentationAtlas domain, Changelog subdomain.
What functions are defined in alert-destructive.tsx?
alert-destructive.tsx defines 1 function(s): AlertDestructive.
What does alert-destructive.tsx depend on?
alert-destructive.tsx imports 2 module(s): alert, lucide-react.
Where is alert-destructive.tsx in the architecture?
alert-destructive.tsx is located at apps/v4/examples/base/alert-destructive.tsx (domain: DocumentationAtlas, subdomain: Changelog, directory: apps/v4/examples/base).
Analyze Your Own Codebase
Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.
Try Supermodel Free