{
  "name": "stack-demo",
  "type": "registry:example",
  "registryDependencies": [
    "stack"
  ],
  "files": [
    {
      "path": "examples/stack-demo.tsx",
      "type": "registry:example",
      "content": "import { Stack, StackItem } from \"@/registry/bases/radix/ui/stack\";\n\nexport default function StackDemo() {\n  return (\n    <Stack className=\"w-[360px]\" expandOnHover>\n      <StackItem className=\"flex flex-col gap-2\">\n        <h3 className=\"font-semibold\">Notification 1</h3>\n        <p className=\"text-sm text-muted-foreground\">\n          Your deployment was successful\n        </p>\n      </StackItem>\n      <StackItem className=\"flex flex-col gap-2\">\n        <h3 className=\"font-semibold\">Notification 2</h3>\n        <p className=\"text-sm text-muted-foreground\">\n          New message from John Doe\n        </p>\n      </StackItem>\n      <StackItem className=\"flex flex-col gap-2\">\n        <h3 className=\"font-semibold\">Notification 3</h3>\n        <p className=\"text-sm text-muted-foreground\">\n          Update available for your app\n        </p>\n      </StackItem>\n    </Stack>\n  );\n}\n",
      "target": ""
    }
  ]
}