# EuiOverlayContentComponent

**Type:** component



Content component for `eui-overlay` that provides a structured main content area.
Serves as the primary container for overlay body content between header and footer.
Applies consistent styling, spacing, and scrolling behavior for overlay content.
Must be used as a direct child of `eui-overlay` to maintain proper layout structure.

### Basic Usage
```html
<eui-overlay [isActive]="true">
  <eui-overlay-content>
    <p>Main content goes here</p>
  </eui-overlay-content>
</eui-overlay>
```

### Accessibility
- Content is scrollable when it exceeds available space
- Maintains focus within overlay structure

### Notes
- Must be direct child of `eui-overlay`
- Automatically handles overflow scrolling


**Selector:** `eui-overlay-content`