# XWUIOverlayBackdrop

Overlay backdrop component for modals, dialogs, and drawers

## Basic Usage

XWUIOverlayBackdrop Component Overlay backdrop component for modals, dialogs, and drawers.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: XWUIOverlayBackdrop Component Overlay backdrop component for modals, dialogs, and drawers.
```

## Click to Dismiss

A visible scrim whose onClick handler hides it - the standard "tap outside to close" behavior for modals and drawers.

```example
file: examples/ClickToDismiss.ts
html: examples/ClickToDismiss.html
title: Click to Dismiss
description: A visible scrim whose onClick handler hides it - the standard "tap outside to close" behavior for modals and drawers.
```

## Transparent

An invisible backdrop that intercepts outside clicks without dimming the page - ideal behind dropdowns and popovers.

```example
file: examples/Transparent.ts
html: examples/Transparent.html
title: Transparent
description: An invisible backdrop that intercepts outside clicks without dimming the page - ideal behind dropdowns and popovers.
```

```api
```