# EuiBannerTitleComponent

**Type:** component

<p>Content projection component for displaying the title within eui-banner.
Provides consistent typography and styling for banner title text.
Must be used as a child of eui-banner component.
Accepts text 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;Welcome to Our Platform&lt;/eui-banner-title&gt;
  &lt;eui-banner-description&gt;Start your journey today&lt;/eui-banner-description&gt;
&lt;/eui-banner&gt;</code></pre></div><h3>Accessibility</h3>
<ul>
<li>Title text is readable by screen readers in natural order</li>
<li>Use concise, descriptive titles that convey banner purpose</li>
<li>Ensure sufficient contrast with background when using images</li>
</ul>
<h3>Notes</h3>
<ul>
<li>Must be direct child of eui-banner component</li>
<li>Styled as prominent heading 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-title`

**Standalone:** false
