{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"c-alert-18","type":"registry:block","title":"Feature discovery alert","description":"Feature discovery alert","dependencies":[],"registryDependencies":["@reui/alert","button","@reui/frame"],"files":[{"path":"c-alert-18.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 variant=\"ghost\">\n        <FramePanel className=\"overflow-hidden p-0!\">\n          <Alert variant=\"info\" className=\"border-0 shadow-none\">\n            <IconPlaceholder\n              lucide=\"LightbulbIcon\"\n              tabler=\"IconBulb\"\n              hugeicons=\"Idea01Icon\"\n              phosphor=\"LightbulbIcon\"\n              remixicon=\"RiLightbulbLine\"\n            />\n            <AlertTitle>New: Advanced Analytics</AlertTitle>\n            <AlertAction>\n              <Button\n                size=\"xs\"\n                variant=\"ghost\"\n                className=\"text-muted-foreground hover:text-foreground -mt-1 -mr-2 size-7 p-0 hover:bg-transparent\"\n              >\n                <IconPlaceholder\n                  lucide=\"XIcon\"\n                  tabler=\"IconX\"\n                  hugeicons=\"MultiplicationSignIcon\"\n                  phosphor=\"XIcon\"\n                  remixicon=\"RiCloseLine\"\n                  className=\"size-3.5\"\n                />\n              </Button>\n            </AlertAction>\n            <AlertDescription>\n              We&apos;ve just released a new dashboard for tracking your\n              team&apos;s performance.\n              <Button\n                variant=\"link\"\n                size=\"sm\"\n                className=\"text-info h-auto p-0 underline\"\n              >\n                Explore features\n              </Button>\n            </AlertDescription>\n          </Alert>\n        </FramePanel>\n      </Frame>\n    </div>\n  )\n}","target":"components/examples/c-alert-18.tsx"}],"meta":{"order":18}}