JSPM

  • Created
  • Published
  • Downloads 442441
  • Score
    100M100P100Q180371F
  • License MIT

Declarative portals for React

Package Exports

  • @reach/portal
  • @reach/portal/dist/reach-portal.cjs.js
  • @reach/portal/dist/reach-portal.mjs

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@reach/portal) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

@reach/portal

Stable release MIT license

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