cosscom__coss/apps/ui/public/r/popover-demo.json

{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "popover-demo",
  "type": "registry:example",
  "description": "Popover with a form",
  "registryDependencies": [
    "@coss/popover",
    "@coss/button",
    "@coss/textarea",
    "@coss/form",
    "@coss/field"
  ],
  "files": [
    {
      "path": "registry/default/examples/popover-demo.tsx",
      "content": "\"use client\"\n\nimport { Button } from \"@/registry/default/ui/button\"\nimport { Field } from \"@/registry/default/ui/field\"\nimport { Form } from \"@/registry/default/ui/form\"\nimport {\n  Popover,\n  PopoverDescription,\n  PopoverPopup,\n  PopoverTitle,\n  PopoverTrigger,\n} from \"@/registry/default/ui/popover\"\nimport { Textarea } from \"@/registry/default/ui/textarea\"\n\nexport default function PopoverDemo() {\n  return (\n    <Popover>\n      <PopoverTrigger render={<Button variant=\"outline\" />}>\n        Open Popover\n      </PopoverTrigger>\n      <PopoverPopup className=\"w-80\">\n        <div className=\"mb-4\">\n          <PopoverTitle className=\"text-base\">Send us feedback</PopoverTitle>\n          <PopoverDescription>\n            Let us know how we can improve.\n          </PopoverDescription>\n        </div>\n        <Form>\n          <Field>\n            <Textarea\n              id=\"feedback\"\n              placeholder=\"How can we improve?\"\n              aria-label=\"Send feedback\"\n            />\n          </Field>\n          <Button type=\"submit\">Send feedback</Button>\n        </Form>\n      </PopoverPopup>\n    </Popover>\n  )\n}\n",
      "type": "registry:example"
    }
  ],
  "categories": ["popover", "button", "textarea", "form", "field"]
}