@neynar/ui/llm-docs/alert-dialog-overlay.llm.md

React UI component library built on shadcn/ui and Tailwind CSS

# AlertDialogOverlay

**Type**: component

Overlay backdrop behind the alert dialog A semi-transparent backdrop that covers the entire viewport when the dialog is open. Provides visual separation and prevents interaction with background content. Includes smooth fade in/out animations and proper z-index stacking.

## JSX Usage

```jsx
import { AlertDialogOverlay } from '@neynar/ui';

<AlertDialogOverlay
  asChild={true}
  forceMount={true}
  className="value"
/>
```

## Component Props

### asChild
- **Type**: `boolean`
- **Required**: No
- **Description**: Render as child element, merging props and behavior

### forceMount
- **Type**: `boolean`
- **Required**: No
- **Description**: Force mount the component even when dialog is closed

### className
- **Type**: `string`
- **Required**: No
- **Description**: Additional CSS classes for custom styling

## Examples

```tsx
// Custom overlay styling
<AlertDialogOverlay className="bg-black/80" />
// Force mounted overlay
<AlertDialogOverlay forceMount className="custom-backdrop" />
```
/