Skip to content


The portal component renders its children into a new "subtree" outside of current DOM hierarchy.

The children of the portal component will be appended to the container specified. The component is used internally by the Modal and Popper components.


It looks like I will render here.
Press Enter to start editing


React doesn't support the createPortal() API on the server. You have to wait for the client-side hydration to see the children.


As the component does not have any styles, it also comes with the Base package.

import Portal from '@mui/base/Portal';


See the documentation below for a complete reference to all of the props and classes available to the components mentioned here.