{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "popover5",
  "title": "Popover",
  "description": "Displays rich content in a portal, triggered by a button.",
  "files": [
    {
      "path": "contents/components/popover/5/index.tsx",
      "content": "import { Button } from \"@/components/ui/button\";\nimport { Popover, PopoverContent, PopoverTrigger } from \"@/components/ui/popover\";\nimport { Textarea } from \"@/components/ui/textarea\";\n\nexport default function PopoverComponent() {\n  return (\n    <div className=\"flex flex-col gap-4\">\n      <Popover>\n        <PopoverTrigger asChild>\n          <Button variant=\"outline\">Feedback</Button>\n        </PopoverTrigger>\n        <PopoverContent className=\"w-72\">\n          <h2 className=\"mb-2 text-sm font-semibold\">Send us feedback</h2>\n          <form className=\"space-y-3\">\n            <Textarea\n              aria-label=\"Send feedback\"\n              id=\"feedback\"\n              placeholder=\"How can we improve shadcnuikit?\"\n            />\n            <div className=\"flex flex-col sm:flex-row sm:justify-end\">\n              <Button size=\"sm\">Send feedback</Button>\n            </div>\n          </form>\n        </PopoverContent>\n      </Popover>\n    </div>\n  );\n}\n",
      "type": "registry:component",
      "target": "components/popover5.tsx"
    }
  ],
  "type": "registry:component"
}