@cw-ui/portal NPM

@cw-ui/portal

This package can change any time. Please only use if you are the ETC.Digital team.

Introdução

O componente Portal é um componente utilitário para ajudar com a API ReactDOM.createPortal. Saiba mais sobre o portal nos documentos oficiais do React.

Os portais são usados em todo o CW em componentes como Overlay e Positioner para fornecer uma maneira robusta de renderização fora da árvore DOM atual.

Exemplo

const PortalExample: FC = () => {
  return <Portal>
    <Pane background="red" padding={24} position="fixed" bottom={0}>
      <Text color="white">Eu estou dentro de um portal!</Text>
    </Pane>
  </Portal>
}