@neynar/ui/llm-docs/drawer-overlay.llm.md

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

# DrawerOverlay

**Type**: component

DrawerOverlay - Semi-transparent backdrop behind the drawer Creates a semi-transparent overlay that covers the entire viewport behind the drawer content. Provides visual separation and can be clicked to close the drawer (when dismissible is true). Automatically fades in/out with smooth animations.

## JSX Usage

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

<DrawerOverlay
  className="value"
/>
```

## Component Props

### className
- **Type**: `string`
- **Required**: No
- **Description**: No description available

## Examples

### Example 1
```tsx
// Default overlay with standard opacity
<DrawerOverlay />
```
### Example 2
```tsx
// Custom overlay with different opacity
<DrawerOverlay className="bg-black/30" />
```
### Example 3
```tsx
// Overlay with blur effect
<DrawerOverlay className="bg-black/20 backdrop-blur-sm" />
```