# EuiBannerCtaComponent

**Type:** component

<p>Content projection component for displaying call-to-action elements within eui-banner.
Provides consistent styling and positioning for action buttons or links in banner contexts.
Must be used as a child of eui-banner component.
Typically contains buttons, links, or other interactive elements that prompt user action.</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;Join Us&lt;/eui-banner-title&gt;
  &lt;eui-banner-description&gt;Be part of something great&lt;/eui-banner-description&gt;
  &lt;eui-banner-cta&gt;
    &lt;button euiButton euiCTAButton&gt;Get Started&lt;/button&gt;
  &lt;/eui-banner-cta&gt;
&lt;/eui-banner&gt;</code></pre></div><h3>Accessibility</h3>
<ul>
<li>CTA buttons should have descriptive, action-oriented labels</li>
<li>Interactive elements are keyboard accessible</li>
<li>Ensure sufficient contrast for buttons on banner backgrounds</li>
</ul>
<h3>Notes</h3>
<ul>
<li>Must be direct child of eui-banner component</li>
<li>Typically placed after title and description</li>
<li>Can contain buttons, links, or button groups</li>
<li>Automatically positioned according to banner layout</li>
<li>Works with euiInverse for proper button styling on dark backgrounds</li>
</ul>


**Selector:** `eui-banner-cta`

**Standalone:** false
