### 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.

Example :

    <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

### Metadata

changeDetection | `ChangeDetectionStrategy.OnPush`
selector | `eui-comment-item-right-actions`
styleUrls | `../styles/_index.scss`
templateUrl | `./eui-comment-item-right-actions.component.html`

### Index

###### HostBindings

- class

###### Accessors

- cssClasses

### HostBindings

class
Type : `string`

### Accessors

cssClasses
get `cssClasses()`

# results matching ""

# No results matching ""