# EuiOverlayBodyComponent

**Type:** component



Body component for `eui-overlay` that provides a structured content container within the overlay content area.
Serves as a semantic wrapper for main body content with consistent padding and spacing.
Typically used within `eui-overlay-content` to organize content sections.
Must be used as a child of `eui-overlay-content` to maintain proper layout hierarchy.

### Basic Usage
```html
<eui-overlay [isActive]="true">
  <eui-overlay-content>
    <eui-overlay-body>
      <p>Body content with consistent padding</p>
    </eui-overlay-body>
  </eui-overlay-content>
</eui-overlay>
```

### Accessibility
- Provides semantic structure for content organization
- Maintains proper content hierarchy

### Notes
- Used within `eui-overlay-content`
- Applies consistent padding to content


**Selector:** `eui-overlay-body`