# EuiOverlayBodyComponent

**Type:** component

<p>Body component for <code>eui-overlay</code> 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 <code>eui-overlay-content</code> to organize content sections.
Must be used as a child of <code>eui-overlay-content</code> to maintain proper layout hierarchy.</p>
<h3>Basic Usage</h3>
<b>Example :</b><div><pre class="line-numbers"><code class="language-html">&lt;eui-overlay [isActive]=&quot;true&quot;&gt;
  &lt;eui-overlay-content&gt;
    &lt;eui-overlay-body&gt;
      &lt;p&gt;Body content with consistent padding&lt;/p&gt;
    &lt;/eui-overlay-body&gt;
  &lt;/eui-overlay-content&gt;
&lt;/eui-overlay&gt;</code></pre></div><h3>Accessibility</h3>
<ul>
<li>Provides semantic structure for content organization</li>
<li>Maintains proper content hierarchy</li>
</ul>
<h3>Notes</h3>
<ul>
<li>Used within <code>eui-overlay-content</code></li>
<li>Applies consistent padding to content</li>
</ul>


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

**Standalone:** false
