{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"c-alert-4","type":"registry:block","title":"Destructive alert with icon and action buttons","description":"Destructive alert with icon and action buttons","dependencies":[],"registryDependencies":["@reui/alert"],"files":[{"path":"c-alert-4.tsx","type":"registry:block","content":"import {\n  Alert,\n  AlertDescription,\n  AlertTitle,\n} from \"@/components/reui/alert\"\n\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nexport function Pattern() {\n  return (\n    <Alert variant=\"destructive\">\n      <IconPlaceholder\n        lucide=\"CircleAlertIcon\"\n        tabler=\"IconAlertCircle\"\n        hugeicons=\"AlertCircleIcon\"\n        phosphor=\"WarningCircleIcon\"\n        remixicon=\"RiErrorWarningLine\"\n      />\n      <AlertTitle>Payment Failed</AlertTitle>\n      <AlertDescription>\n        <p>Please check your payment details:</p>\n        <ul className=\"mt-1 list-inside list-disc space-y-0.5 text-sm\">\n          <li>Card number and expiry</li>\n          <li>Billing address</li>\n          <li>Available funds</li>\n        </ul>\n      </AlertDescription>\n    </Alert>\n  )\n}","target":"components/examples/c-alert-4.tsx"}],"meta":{"order":4}}