@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 @dirtycajunrice/dfk-hero-viewer-testing @drivy/cobalt @cryptohubltd/kyberswap-widget @ctlyst.id/voila-ui @colisweb/reason-toolkit @demystdata/ui @boertel/cmdk @ygorconfig/react jas-react-spring-bottom-sheet kbar-witmod2 kyberswap-widgets ubeswap-swap-dev treighton-npmtest @aptible/arrow-ds @aptible/design-kit @arcanefinance/exchange-interface @anishde12020/kbar-exp @barelyhuman/kbar @bilalajanjua/react-spring-bottom-sheet @12joan/react-spring-bottom-sheet @dbosoft/react-tabs @denispronin/react-spring-bottom-sheet @dewcms/block-editor ymd-react-spring-bottom-sheet @felipeix/react-spring-bottom-sheet @hdream/uniswap-pool @flive/react-kit @elijahiuu/react-spring-bottom-sheet @ldellaquila/eagleswap @ldellaquila/interface @madie/madie-design-system @metrewards/react-components @mturco/menu-button @marg51/lift-ui @matissefi/uikit @marswap-exchange/widget @nevenhsu/uni-wallet-connect @namely/menu-button @eryx6/dfk-hero-viewer-testing @ezcater/reach-ui-dialog @mbkit/tipsy @mbkit/toaster @mattixes/bottomsheet @mondra/ui-components @jacobp100/dialog @jaredpalmer/menu-button @jqpe/react-spring-bottom-sheet @juanfabrega/dialog @dvcorg/gatsby-theme-iterative @reach/combobox @reach/dialog @reach/popover @reach/tooltip @pyroswap/dex @sc1/app @sc1/sector-app @real-wagmi/uikit @real-system/portal-primitive @richgo/react-spring-bottom-sheet @polybunny/ui @notdutzi/kbar @play4them/design-system @pixore/window @palmetto/dialog @pantheon-systems/design-toolkit-react @seamonster-studios/bs-reach 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

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

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

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

7 years ago

7 years ago

7 years ago

7 years ago