@reach/portal NPM | npm.io

0.18.0 • Published 3 years ago

Install

Weekly downloads

227,575

License

MIT

Repository

Last release

3 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 @seragam-ui/dialog @seragam-ui/sheet swaptoken tien-liquidity-widgets vanir-ui @ygorconfig/react jas-react-spring-bottom-sheet kbar-witmod2 kyberswap-widgets guiw5-bottom-sheet @web3-react-widgets/core @xcorejs/ui @thinkincoin/swap @tillen/fresco @tradescrow/dfkhero @vercel-components/core @zoomit/react-mobile-sheet @zalastax/nolb-_reach @teller-protocol/kyberswap-widgets alpha-ui-goapp @zuludmmswap/interface awwsm-react anolis-ui @h4wldev/react-spring-bottom-sheet @colisweb/reason-toolkit ubeswap-swap-dev treighton-npmtest ymd-react-spring-bottom-sheet @ldellaquila/eagleswap @ldellaquila/interface @nevenhsu/uni-wallet-connect @namely/menu-button opsramp-design-system reach-dialog-react-18 reach-popover-react-18 reach-ui-fork new-reach-ui ngo-common-components pixore popover-reach-fr recontrib retool-react-spring-bottom-sheet retlif react-sensible react-spring-bottom-sheet-no-resize-anim react-spring-bottom-sheet-temp2 react-spring-bottom-sheet react-spring-bottom-sheet-container-ref react-spring-bottom-sheet-fixed react-spring-bottom-sheet-minimum react-spring-bottom-sheet-modified slate-simple-editor chakra-ui chakra-design-system cloudhub-components cloudhubui bs-reach dfk-hero-viewer dfkherosvg gatsby-theme-benrobertson @sudophunk/interface @tasty0brains/react-spring-bottom-sheet fast-react-spring-bottom-sheet fluent-dnd @palmetto/dialog @pantheon-systems/design-toolkit-react @metrewards/react-components @notdutzi/kbar @dbosoft/react-tabs @hovevideo/react-spring-bottom-sheet-updated @ezcater/reach-ui-dialog @dvcorg/gatsby-theme-iterative @eryx6/dfk-hero-viewer-testing @demystdata/ui @denispronin/react-spring-bottom-sheet @felipeix/react-spring-bottom-sheet @ctlyst-test/voila-ui @ctlyst.id/voila-hc-ui @ctlyst.id/voila-ui @hdream/uniswap-pool @cryptohubltd/kyberswap-widget @flive/react-kit @elijahiuu/react-spring-bottom-sheet @dirtycajunrice/dfk-hero-viewer-testing @dewcms/block-editor @pixore/window @polybunny/ui @play4them/design-system @juanfabrega/dialog

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

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

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

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago