@reach/portal

Declarative portals for React

Usage no npm install needed!

<script type="module">
  import reachPortal from 'https://cdn.skypack.dev/@reach/portal';
</script>

README

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