{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"c-alert-14","type":"registry:block","title":"Alert with actions integrated within a Frame","description":"Alert with actions integrated within a Frame","dependencies":[],"registryDependencies":["@reui/alert","button","@reui/frame"],"files":[{"path":"c-alert-14.tsx","type":"registry:block","content":"import {\n  Alert,\n  AlertAction,\n  AlertDescription,\n  AlertTitle,\n} from \"@/components/reui/alert\"\nimport { Frame, FramePanel } from \"@/components/reui/frame\"\n\nimport { Button } from \"@/components/ui/button\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nexport function Pattern() {\n  return (\n    <div className=\"mx-auto mb-auto w-full max-w-lg\">\n      <Frame>\n        <FramePanel className=\"overflow-hidden p-0!\">\n          <Alert className=\"border-0 shadow-none\">\n            <IconPlaceholder\n              lucide=\"ShieldCheckIcon\"\n              tabler=\"IconShieldCheck\"\n              hugeicons=\"ShieldEnergyIcon\"\n              phosphor=\"ShieldCheckIcon\"\n              remixicon=\"RiShieldCheckLine\"\n              className=\"text-emerald-500\"\n            />\n            <AlertTitle>Security Update</AlertTitle>\n            <AlertAction>\n              <Button variant=\"outline\" size=\"xs\">\n                Dismiss\n              </Button>\n              <Button size=\"xs\">Update</Button>\n            </AlertAction>\n            <AlertDescription>\n              Update your password and enable 2FA to improve your account\n              security.\n            </AlertDescription>\n          </Alert>\n        </FramePanel>\n      </Frame>\n    </div>\n  )\n}","target":"components/examples/c-alert-14.tsx"}],"meta":{"order":14}}