{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"c-alert-13","type":"registry:block","title":"Stacked alerts within a Frame","description":"Stacked alerts within a Frame","dependencies":[],"registryDependencies":["@reui/alert","button","@reui/frame"],"files":[{"path":"c-alert-13.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 stacked>\n        <FramePanel className=\"p-0!\">\n          <Alert\n            variant=\"success\"\n            className=\"rounded-none border-0 shadow-none\"\n          >\n            <IconPlaceholder\n              lucide=\"CircleCheckIcon\"\n              tabler=\"IconCircleCheck\"\n              hugeicons=\"CheckmarkCircle01Icon\"\n              phosphor=\"CheckCircleIcon\"\n              remixicon=\"RiCheckboxCircleLine\"\n            />\n            <AlertTitle>Deployment Successful</AlertTitle>\n            <AlertDescription>\n              Your application has been successfully deployed to the production\n              environment.\n            </AlertDescription>\n          </Alert>\n        </FramePanel>\n        <FramePanel className=\"p-0!\">\n          <Alert\n            variant=\"warning\"\n            className=\"rounded-none border-0 shadow-none\"\n          >\n            <IconPlaceholder\n              lucide=\"AlertTriangleIcon\"\n              tabler=\"IconAlertTriangle\"\n              hugeicons=\"Alert02Icon\"\n              phosphor=\"WarningIcon\"\n              remixicon=\"RiAlertLine\"\n              className=\"text-yellow-500\"\n            />\n            <AlertTitle>Resource Limit Reached</AlertTitle>\n            <AlertAction>\n              <Button size=\"xs\">Verify</Button>\n            </AlertAction>\n            <AlertDescription>\n              Your current plan has reached its resource limits. Consider\n              upgrading to a higher tier.\n            </AlertDescription>\n          </Alert>\n        </FramePanel>\n      </Frame>\n    </div>\n  )\n}","target":"components/examples/c-alert-13.tsx"}],"meta":{"order":13}}