Portal

Renders a component outside the current DOM hierarchy.

    SourceTheme source@chakra-ui/portal

Props#

childrenrequired

Description

The content or node you'll like to portal

Type
ReactNode

appendToParentPortal

Description

If true, the portal will check if it is within a parent portal and append itself to the parent's portal node. This provides nesting for portals. If false, the portal will always append to `document.body` regardless of nesting. It is used to opt out of portal nesting.

Type
boolean
Default
true

containerRef

Description

The ref to the component where the portal will be attached to.

Type
RefObject<HTMLElement | null>
Edit this page on GitHub

Proudly made inNigeria by Segun Adebayo

Deployed by Vercel