BalanceReckon Design System
Overlays

Portal

Creates and appends a DOM node to the end of document.body and renders a React tree into it.

import { Portal } from '@balance-web/portal';

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 '@balance-web/portal';