Portal

import {Portal} from '@gravity-ui/uikit';

Portal es un componente de utilidad. Básicamente, es un simple envoltorio alrededor de React createPortal que te permite convertir los hijos en un nodo DOM fuera del componente principal.

§Contenedor

De forma predeterminada, Portal convierte sus hijos en document.body; sin embargo, puede cambiarlo con la container propiedad. Además, puedes proporcionar un contenedor para todos los Portals del subárbol de React mediante el PortalProvder componente.

import {Portal, PortalProvider} from '@gravity-ui/uikit'

const myRoot = document.getElementById('my-root');

<Portal>This is rendered inside document.body</Portal>
<Portal container={myRoot}>This is rendered inside #my-root node</Portal>
<PortalProvider container={myRoot}>
    <Portal>This is also rendered inside #my-root</Portal>
</PortalProvider>

§Propiedades