@reach/portal NPM | npm.io

0.18.0 • Published 2 years ago

Install

Weekly downloads

227,575

License

MIT

Repository

Last release

2 years ago

@reach/portal

Creates and appends a DOM node to the end of document.body and renders a React tree into it. Useful for rendering a natural React element hierarchy with a different DOM hierarchy to prevent parent styles from clipping or hiding content (for popovers, dropdowns, and modals).

import { Portal } from "@reach/portal";

function Example() {
	return (
		<Portal>
			<div>Stuff goes here</div>
		</Portal>
	);
}

webcomponent-tooltip-test @sellics/ui-kit @stefanprobst/combobox @stefanprobst/menu-button n1k1tk-react-spring-bottom-sheet calyhealth-react-component-library awwsm-widget pylot-framework @cloudhub-ux/core @infinitebrahmanuniverse/nolb-_reach @everything-registry/sub-chunk-763 guiw5-bottom-sheet jas-react-spring-bottom-sheet @barelyhuman/kbar kbar-witmod2 fluent-dnd fast-react-spring-bottom-sheet gatsby-theme-benrobertson opsramp-design-system kyberswap-widgets ngo-common-components new-reach-ui popover-reach-fr pixore react-spring-bottom-sheet react-spring-bottom-sheet-fixed react-spring-bottom-sheet-minimum react-spring-bottom-sheet-modified react-spring-bottom-sheet-no-resize-anim react-spring-bottom-sheet-temp2 react-sensible recontrib reach-dialog-react-18 reach-ui-fork reach-popover-react-18 retool-react-spring-bottom-sheet retlif swaptoken ubeswap-swap-dev treighton-npmtest @madie/madie-design-system @namely/menu-button @play4them/design-system @nevenhsu/uni-wallet-connect @polybunny/ui @mturco/menu-button ymd-react-spring-bottom-sheet @notdutzi/kbar @richgo/react-spring-bottom-sheet @sc1/app @sc1/sector-app vanir-ui @metrewards/react-components @mondra/ui-components @palmetto/dialog @pantheon-systems/design-toolkit-react @mbkit/tipsy @mbkit/toaster @matissefi/uikit @mattixes/bottomsheet @marg51/lift-ui @marswap-exchange/widget @real-wagmi/uikit @real-system/portal-primitive @pyroswap/dex @pixore/window @reach/combobox @reach/dialog @reach/popover @reach/tooltip @seamonster-studios/bs-reach @teller-protocol/kyberswap-widgets @12joan/react-spring-bottom-sheet @anishde12020/kbar-exp @sudophunk/interface @tasty0brains/react-spring-bottom-sheet @vercel-components/core @web3-react-widgets/core @bilalajanjua/react-spring-bottom-sheet @arcanefinance/exchange-interface @aptible/arrow-ds @aptible/design-kit @seragam-ui/dialog @seragam-ui/sheet @thinkincoin/swap @boertel/cmdk @tillen/fresco @simonlc/menu-button @tradescrow/dfkhero cloudhub-components cloudhubui @cryptohubltd/kyberswap-widget @ctlyst.id/voila-ui @dbosoft/react-tabs @colisweb/reason-toolkit @drivy/cobalt @denispronin/react-spring-bottom-sheet @dewcms/block-editor @demystdata/ui @dirtycajunrice/dfk-hero-viewer-testing

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

6 years ago

6 years ago

6 years ago

6 years ago