@reach/portal

Declarative portals for React

Last updated 4 years ago by chancestrickland .

MIT · Repository · Bugs · Original npm · Tarball · package.json

$ cnpm install @reach/portal

SYNC missed versions from official npm registry.

@reach/portal

Docs | Source

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>
	);
}

Current Tags

0.16.2 ... latest (4 years ago)
0.4.0-beta.0 ... next (6 years ago)

45 Versions

Maintainers (4)

blainekasten

chancestrickland

mjackson

ryanflorence

Downloads

Today 0

This Week 0

This Month 2

Last Day 0

Last Week 2

Last Month 0

Dependencies (3)

@reach/utils 0.16.0
tiny-warning ^1.0.3
tslib ^2.3.0

Dev Dependencies (2)

react ^17.0.2
react-dom ^17.0.2

Dependents (5)