{"_id":"@blinq-reach/popover","name":"@blinq-reach/popover","dist-tags":{"latest":"0.18.0"},"versions":{"0.18.0":{"name":"@blinq-reach/popover","version":"0.18.0","description":"Render a portal positioned relative to another element.","author":{"name":"React Training","email":"hello@reacttraining.com"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/reach/reach-ui.git","directory":"packages/popover"},"dependencies":{"tabbable":"^5.3.3","@blinq-reach/polymorphic":"0.18.0","@blinq-reach/portal":"0.18.0","@blinq-reach/rect":"0.18.0","@blinq-reach/utils":"0.18.0"},"devDependencies":{"react":"^18.2.0","react-dom":"^18.2.0","tsup":"^6.1.3","@reach-internal/dev":"0.0.0","@reach-internal/test":"0.0.0","@reach-internal/tsconfig":"0.0.0"},"peerDependencies":{"react":"^18.2.0","react-dom":"^18.2.0"},"main":"./dist/reach-popover.cjs.js","types":"./dist/reach-popover.d.ts","module":"./dist/reach-popover.mjs","scripts":{"build":"tsup"},"bugs":{"url":"https://github.com/reach/reach-ui/issues"},"homepage":"https://github.com/reach/reach-ui#readme","_id":"@blinq-reach/popover@0.18.0","_integrity":"sha512-oPKSA7IDmAP7sykvneSD9mco7nEMJ4Hw8neZ2sQAnPcXHUIFAiIQ6SCJD+4RF76DSTRjFvJ00+6H8//dT8JY2Q==","_resolved":"/tmp/acc2b8ec1e6e41f8628633b7db9460ab/blinq-reach-popover-0.18.0.tgz","_from":"file:blinq-reach-popover-0.18.0.tgz","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-oPKSA7IDmAP7sykvneSD9mco7nEMJ4Hw8neZ2sQAnPcXHUIFAiIQ6SCJD+4RF76DSTRjFvJ00+6H8//dT8JY2Q==","shasum":"c236ec4df2b1b95ae1feacf734f697c3ad495b3c","tarball":"https://registry.npmjs.org/@blinq-reach/popover/-/popover-0.18.0.tgz","fileCount":4,"unpackedSize":4370,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIB27Gf39XHPrMPEZTYYjFf7+xFWym+bz/hnvTX33P+fdAiBPPGem1V1s1vrodKuFqawhPkZMCEfwzIMZFwhptyi1OQ=="}]},"_npmUser":{"name":"willhackett","email":"will@willhackett.com"},"directories":{},"maintainers":[{"name":"willhackett","email":"will@willhackett.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/popover_0.18.0_1684374054656_0.8882639795243492"},"_hasShrinkwrap":false}},"time":{"created":"2023-05-18T01:40:54.555Z","0.18.0":"2023-05-18T01:40:54.889Z","modified":"2023-05-18T01:40:55.112Z"},"maintainers":[{"name":"willhackett","email":"will@willhackett.com"}],"description":"Render a portal positioned relative to another element.","homepage":"https://github.com/reach/reach-ui#readme","repository":{"type":"git","url":"git+https://github.com/reach/reach-ui.git","directory":"packages/popover"},"author":{"name":"React Training","email":"hello@reacttraining.com"},"bugs":{"url":"https://github.com/reach/reach-ui/issues"},"license":"MIT","readme":"# @reach/popover\n\n[![Stable release](https://img.shields.io/npm/v/@reach/popover.svg)](https://npm.im/@reach/popover) ![MIT license](https://badgen.now.sh/badge/license/MIT)\n\n```jsx\nimport * as React from \"react\";\nimport { Popover, positionDefault } from \"@blinq-reach/popover\";\n\nfunction Example() {\n\tconst ref = React.useRef(null);\n\tconst [value, setValue] = React.useState(\"\");\n\treturn (\n\t\t<div>\n\t\t\t<label>\n\t\t\t\t<span>Type for a special message</span>\n\t\t\t\t<input\n\t\t\t\t\ttype=\"text\"\n\t\t\t\t\tref={ref}\n\t\t\t\t\tonChange={(event) => setValue(event.target.value)}\n\t\t\t\t/>\n\t\t\t</label>\n\n\t\t\t{value.length > 0 && (\n\t\t\t\t<Popover targetRef={ref} position={positionDefault}>\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<p>Whoa! Look at me!</p>\n\t\t\t\t\t</div>\n\t\t\t\t</Popover>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n```\n","readmeFilename":"README.md"}