LifeUI

Portal

Se utiliza para renderizar un elemento fuera de la jerarquia del DOM

import { Portal } from "@blifedesarrollo/blife-ui/portal";
 
const App = () => (
  <Portal>
    <div>Mi contenido</div>
  </Portal>
);

Contenedor personalizado

Utiliza la propiedad container para renderizar portal en un contenedor personalizado.

const App = () => {
  const containerRef = useRef();
 
  return (
    <>
      <div ref={containerRef} />
 
      <Portal container={containerRef}>
        <div>Portal content</div>
      </Portal>
    </>
  );
};

Popover

Se utiliza para mostrar información o contenido dentro de una ventana emergente

Progress bar

Permite visualizar el estado de avance de una tarea