Documentation
Message Actions
Action buttons for user messages with copy and edit functionality.
Installation
1import { MessageActionsComponent } from '@angular-ai-kit/core';Live Demo
Configuration
Always Visible
Show Copy
Show Edit
Features
- Copy button with feedback
- Edit button for message editing
- Visibility control (hover/always)
- Compact sizing for messages
API Reference
Inputs
| Prop | Type | Default | Description |
|---|---|---|---|
content | string | '' | Content to copy |
showCopy | boolean | true | Show copy button |
showEdit | boolean | true | Show edit button |
isVisible | boolean | false | Whether visible |
alwaysVisible | boolean | false | Always show |
customClasses | string | '' | Additional CSS classes |
Outputs
| Prop | Type | Default | Description |
|---|---|---|---|
copy | EventEmitter<void> | - | Copy clicked |
edit | EventEmitter<void> | - | Edit clicked |
Usage Example
1<ai-message-actions2 [content]="message.content"3 [isVisible]="isHovered"4 (copy)="handleCopy()"5 (edit)="handleEdit()"6/>