Balance Logo
Balance
Reckon Design System

Portal

A simple wrapper around react-dom's createPortal method.
Install
pnpm add @reckon-web/portal
Import usage
import {
Portal
} from '@reckon-web/portal';
  • Code
  • API

Creates and appends a DOM node to the end of document.body and renders a React tree into it. Useful for rendering a natural React element hierarchy with a different DOM hierarchy to prevent parent styles from clipping or hiding content (for popovers, dropdowns, and modals).

import { Portal } from '@reckon-web/portal';
Copyright © 2021 Reckon. Designed and developed in partnership with Thinkmill.