@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.18.0 ... latest (2 years ago)
0.4.0-beta.0 ... next (5 years ago)
0.18.0-pre.5 ... pre (2 years ago)

@reach/portal

Current Tags

53 Versions