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
  b2d90871_5625_c39a_0e93_ea298839f440["AlertDestructive()"]
  fbfe68dd_bf95_8ea2_0570_66662c7feef4["alert-destructive.tsx"]
  b2d90871_5625_c39a_0e93_ea298839f440 -->|defined in| fbfe68dd_bf95_8ea2_0570_66662c7feef4
  style b2d90871_5625_c39a_0e93_ea298839f440 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/examples/base/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>
  )
}