File

packages/components/eui-comment-thread/comment-item-right-actions/eui-comment-item-right-actions.component.ts

Description

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.

<eui-comment-item [authorName]="'John Doe'">
  Comment text here
  <eui-comment-item-right-actions>
    <button euiIconButton euiBasicButton icon="eui-edit"></button>
    <button euiIconButton euiBasicButton icon="eui-delete"></button>
  </eui-comment-item-right-actions>
</eui-comment-item>

Accessibility

• Ensure projected buttons have proper ARIA labels or accessible text
• Icon buttons should include aria-label attributes for screen readers
• Maintain logical tab order for keyboard navigation

Notes

• Must be used as a child of eui-comment-item component
• Accepts any content via content projection (buttons, dropdowns, etc.)
• Automatically positioned in the top-right corner of the comment header
• Commonly used for edit, delete, flag, or more actions menu