@highlight-ui/utils-portal-manager NPM

`@highlight-ui/utils-portal-manager`

Installation

yarn add @highlight-ui/utils-portal-manager

Usage

PortalManager.containerInstance()

This function creates, or if it exists, returns the global portals container DOM element.

import { PortalManager } from '@highlight-ui/utils-portal-manager';

// Creates a new DOM element
const newPortalsContainer = PortalManager.containerInstance();

// Returns the existing DOM element
const existingPortalsContainer = PortalManager.containerInstance();

console.log(newPortalsContainer == existingPortalsContainer); // => true

GroupedPortal

React component that appends a portal to the global portals container.

import { GroupedPortal } from '@highlight-ui/utils-portal-manager';

const MyComponent = () => {
  return (
    <GroupedPortal>
      This content is rendered in the global portals container.
    </GroupedPortal>
  );
};

react-portal

@infinitebrahmanuniverse/nolb-_hig @everything-registry/sub-chunk-395 @zalastax/nolb-_hig @highlight-ui/date-time-picker @highlight-ui/dialog @highlight-ui/inline-notification @highlight-ui/sandbox-date-time-picker @highlight-ui/toast @highlight-ui/tooltip @highlight-ui/alert

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago