@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.10.3                                ...           latest (5 years ago)
• 0.4.0-beta.0                                ...           next (6 years ago)

6 Versions

• 0.17.0                                ...           3 years ago
• 0.9.0                                ...           5 years ago
• 0.8.6                                ...           5 years ago
• 0.4.0                                ...           6 years ago
• 0.4.0-beta.0                                ...           6 years ago
• 0.10.3                                ...           5 years ago