# XWUIOverlayPortal

Render children into a DOM node outside the component hierarchy Useful for modals, tooltips, dropdowns that need to escape parent containers

## Basic Usage

XWUIOverlayPortal Component Render children into a DOM node outside the component hierarchy Useful for modals, tooltips, dropdowns that need to escape parent containers.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: XWUIOverlayPortal Component Render children into a DOM node outside the component hierarchy Useful for modals, tooltips, dropdowns that need to escape parent containers.
```

## Render Into Body

Content portaled into document.body so it escapes any clipping or transformed ancestor, floated above the page with a high zIndex.

```example
file: examples/IntoBody.ts
html: examples/IntoBody.html
title: Render Into Body
description: Content portaled into document.body so it escapes any clipping or transformed ancestor, floated above the page with a high zIndex.
```

## Render In Place

With disablePortal on, the content stays inside the host instead of teleporting - the in-flow fallback for components that portal only conditionally.

```example
file: examples/RenderInPlace.ts
html: examples/RenderInPlace.html
title: Render In Place
description: With disablePortal on, the content stays inside the host instead of teleporting - the in-flow fallback for components that portal only conditionally.
```

```api
```