AlertDestructive() — ui Function Reference

Architecture documentation for the AlertDestructive() function in alert-destructive.tsx from the ui codebase.

Function tsx DocumentationAtlas Changelog

Entity Profile

DocumentationAtlas→ Changelog→ AlertDestructive() — ui Function Reference

Dependency Diagram

graph TD
  28e90190_c530_b013_358c_2df6ea42cfa7["AlertDestructive()"]
  de68d58d_2788_3120_7f51_f7d8ca7d1cca["alert-destructive.tsx"]
  28e90190_c530_b013_358c_2df6ea42cfa7 -->|defined in| de68d58d_2788_3120_7f51_f7d8ca7d1cca
  style 28e90190_c530_b013_358c_2df6ea42cfa7 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/examples/radix/alert-destructive.tsx lines 4–15

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>
  )
}