# EuiBannerDescriptionComponent

**Type:** component

<p>Content projection component for displaying descriptive text within eui-banner.
Provides consistent typography and styling for banner description content.
Must be used as a child of eui-banner component.
Accepts text, paragraphs, or inline elements through content projection.</p>
<b>Example :</b><div><pre class="line-numbers"><code class="language-html">&lt;eui-banner imageUrl=&quot;image.jpg&quot;&gt;
  &lt;eui-banner-title&gt;Innovation Hub&lt;/eui-banner-title&gt;
  &lt;eui-banner-description&gt;
    Explore cutting-edge solutions and collaborate with experts.
  &lt;/eui-banner-description&gt;
&lt;/eui-banner&gt;</code></pre></div><h3>Accessibility</h3>
<ul>
<li>Description text is readable by screen readers after title</li>
<li>Provides additional context about banner content</li>
<li>Ensure sufficient contrast with background images</li>
</ul>
<h3>Notes</h3>
<ul>
<li>Must be direct child of eui-banner component</li>
<li>Typically placed after eui-banner-title</li>
<li>Styled as secondary/body text</li>
<li>Automatically adapts to banner size variants</li>
<li>Works with euiInverse for light text on dark backgrounds</li>
</ul>


**Selector:** `eui-banner-description`

**Standalone:** false
