Pular para o conteúdo

Portal API

Documentação da API para o componente React Portal . Aprenda sobre as propriedades disponíveis e a API CSS.

Importação

import Portal from '@mui/core/Portal';
// ou
import { Portal } from '@mui/core';
Você pode aprender sobre a diferença lendo este guia sobre como minimizar o tamanho do pacote.

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

Propriedades

NomeTipoPadrãoDescrição
childrennode
The children to render into the container.
containerHTML element
| func
A 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.
disablePortalboolfalse
The children will be inside the DOM hierarchy of the parent component.

O componente não pode manipular ref.

Demonstrações