Skip to content

Portal API

API documentation for the React Portal component. Learn about the available props and the CSS API.


import Portal from '@mui/core/Portal';
// or
import { Portal } from '@mui/core';
You can learn about the difference by reading this guide on minimizing bundle size.

Portals provide a first-class way to render children into a DOM node that exists outside the DOM hierarchy of the parent component.


The children to render into the container.
containerHTML element
| func
An HTML element or function that returns one. The container will have the portal children appended to it.
By default, it uses the body of the top-level document object, so it's simply document.body most of the time.
The children will be under the DOM hierarchy of the parent component.

The component cannot hold a ref.