Portal

The Portal component renders children into a document container while preserving an inline fallback when needed.

Usage & Examples

Rendered inline while portal behavior is disabled.

inline-fallback.tsx

<Portal disabled>
  <span>Rendered inline while portal behavior is disabled.</span>
</Portal>

Portal props API
				Default	Description
`children`	`ReactNode`	No	props	`—`	Content rendered into the target container.
`className`	`string`	No	styling	`—`	Optional class name for the portal wrapper.
`container`	`string \| Element \| DocumentFragment \| null`	No	props	`—`	Element, selector, or null target for the portal.
`data-testid`	`string`	No	testing	`—`	Backward-compatible alias for test ID attributes.
`disabled`	`boolean`	No	props	`false`	Whether the portal should render in place instead of using createPortal.
`renderInlineUntilMounted`	`boolean`	No	props	`false`	Whether children should render before the target is available.
`srOnlyClassName`	`string`	No	props	`—`	Additional class name for screen-reader-only content.
`srOnlyText`	`ReactNode`	No	props	`—`	Optional content rendered for assistive technologies only.
`testId`	`string`	No	props	`dataTestId ?? "portal"`	Optional test ID for testing frameworks.