# EuiCommentItemRightActionsComponent

**Type:** component

<p>Container component for right-aligned action buttons within a comment item.
Provides a designated area for actions like edit, delete, reply, or other comment-specific operations.
Content is projected via ng-content allowing flexible composition of action buttons.
Automatically applies appropriate positioning and spacing for right-aligned actions.
Used within eui-comment-item to organize action controls.</p>
<b>Example :</b><div><pre class="line-numbers"><code class="language-html">&lt;eui-comment-item [authorName]=&quot;&#39;John Doe&#39;&quot;&gt;
  Comment text here
  &lt;eui-comment-item-right-actions&gt;
    &lt;button euiIconButton euiBasicButton icon=&quot;eui-edit&quot;&gt;&lt;/button&gt;
    &lt;button euiIconButton euiBasicButton icon=&quot;eui-delete&quot;&gt;&lt;/button&gt;
  &lt;/eui-comment-item-right-actions&gt;
&lt;/eui-comment-item&gt;</code></pre></div><h3>Accessibility</h3>
<ul>
<li>Ensure projected buttons have proper ARIA labels or accessible text</li>
<li>Icon buttons should include <code>aria-label</code> attributes for screen readers</li>
<li>Maintain logical tab order for keyboard navigation</li>
</ul>
<h3>Notes</h3>
<ul>
<li>Must be used as a child of <code>eui-comment-item</code> component</li>
<li>Accepts any content via content projection (buttons, dropdowns, etc.)</li>
<li>Automatically positioned in the top-right corner of the comment header</li>
<li>Commonly used for edit, delete, flag, or more actions menu</li>
</ul>


**Selector:** `eui-comment-item-right-actions`

**Standalone:** false
