# EuiContentCardHeaderEndComponent

**Type:** component

<p>Container for content placed at the end (right side) of the card header. Typically used for action buttons or menus.
Automatically integrates bookmark toggle when parent card has <code>isBookmarkable</code> enabled.</p>
<h3>With Action Button</h3>
<b>Example :</b><div><pre class="line-numbers"><code class="language-html">&lt;eui-content-card-header-end&gt;
    &lt;eui-icon-button icon=&quot;eui-ellipsis-vertical&quot; size=&quot;s&quot;/&gt;
&lt;/eui-content-card-header-end&gt;</code></pre></div><h3>With Multiple Actions</h3>
<b>Example :</b><div><pre class="line-numbers"><code class="language-html">&lt;eui-content-card-header-end&gt;
    &lt;eui-icon-button icon=&quot;edit&quot; size=&quot;s&quot;/&gt;
    &lt;eui-icon-button icon=&quot;delete&quot; size=&quot;s&quot;/&gt;
&lt;/eui-content-card-header-end&gt;</code></pre></div><h3>Accessibility</h3>
<ul>
<li>All action buttons must have accessible labels</li>
<li>Use <code>aria-label</code> or visible text for icon buttons</li>
<li>Group related actions logically</li>
</ul>
<h3>Notes</h3>
<ul>
<li>Positioned at the end of the header after all other content</li>
<li>Automatically includes bookmark toggle when parent card is bookmarkable</li>
<li>Actions are automatically aligned and spaced</li>
<li>Commonly used for contextual menus or quick actions</li>
</ul>


**Selector:** `eui-content-card-header-end`

**Standalone:** false
