Documentation
Response Actions
Action bar for AI responses with copy, regenerate, and feedback buttons.
Installation
1import { ResponseActionsComponent } from '@angular-ai-kit/core';Live Demo
Configuration
Always Visible
Show Copy
Show Regenerate
Show Feedback
Features
- Copy button with visual feedback
- Regenerate button for retry
- Integrated feedback buttons
- Visibility control (hover/always)
API Reference
Inputs
| Prop | Type | Default | Description |
|---|---|---|---|
content | string | '' | Content to copy |
showCopy | boolean | true | Show copy button |
showRegenerate | boolean | true | Show regenerate button |
showFeedback | boolean | true | Show feedback buttons |
alwaysVisible | boolean | false | Always show (vs hover) |
isHovered | boolean | false | Parent hover state |
isFocused | boolean | false | Parent focus state |
customClasses | string | '' | Additional CSS classes |
Outputs
| Prop | Type | Default | Description |
|---|---|---|---|
copy | EventEmitter<string> | - | Copy clicked |
regenerate | EventEmitter<void> | - | Regenerate clicked |
thumbsUp | EventEmitter<void> | - | Thumbs up clicked |
thumbsDown | EventEmitter<void> | - | Thumbs down clicked |
feedbackChange | EventEmitter<'up' | 'down' | null> | - | Emitted when feedback value changes |
Usage Example
1<ai-response-actions2 [content]="responseText"3 [alwaysVisible]="true"4 (copy)="handleCopy($event)"5 (regenerate)="handleRegenerate()"6/>