Black Lives Matter.  Support the Equal Justice Initiative.
Skip to main content
Reakit
DocumentationNewsletter
GitHub
GitHub

Portal

Portal is an abstract wrapper component that uses React Portals underneath. It can be used to put anything in a portal and supports nested portals.

#Installation

npm install reakit

Learn more in Get started.

#Usage

I am here,
import { Portal } from "reakit/Portal";

function Example() {
  return (
    <div style={{ background: "red", color: "white" }}>
      I am here, <Portal>but I am detached at the bottom of the page.</Portal>
    </div>
  );
}