@leafygreen-ui/portal

LeafyGreen UI Kit Portal

Usage no npm install needed!

<script type="module">
  import leafygreenUiPortal from 'https://cdn.skypack.dev/@leafygreen-ui/portal';
</script>

README

Portal

npm (scoped)

View on MongoDB.design

Installation

Yarn

yarn add @leafygreen-ui/portal

NPM

npm install @leafygreen-ui/portal

Example

import Portal from '@leafygreen-ui/portal';

<Portal>
  <div>
    Portals transport their children to a div that is appended to the end of the
    document.body to or a node that can be specified with a container prop.
  </div>
</Portal>;

Output HTML

<div>
  <div class="leafygreen-ui-xi606m">
    Portals transport their children to a div that is appended to the end of the
    document.body to or a node that can be specified with a container prop.
  </div>
</div>

Properties

Prop Type Description Default
container DOM Node Sets the container node, which will contain all of the portaled content. If no container is supplied, a div will be created and apened to the end of the document.body. document.createElement('div')
children node The children will be rendered inside of the portaled container.