Feedback Bar

Name: ngx-prompt-kit
Author: PianoNic

A pill bar prompting the user to rate an assistant response. Thumbs up / thumbs down / dismiss.

Examples

Plain title plus the three action buttons.

Was this helpful?

<pk-feedback-bar
  title="Was this helpful?"
  (helpful)="onUp()"
  (notHelpful)="onDown()"
  (closed)="onClose()"
/>

Project an icon into the [icon] slot — use any Spartan ng-icon hlm.

Tell us how the model did.

<pk-feedback-bar title="Tell us how the model did." ...>
  <ng-icon icon hlm size="sm" name="lucideMessageSquare" />
</pk-feedback-bar>

Installation

Add the feedback-bar component (and the cn() utility) to your project.

ng generate ngx-prompt-kit:feedback-bar

Prop	Type	Default	Description
title	`string`	''	Bar label.
helpful	`output<void>`	—	Fires on thumbs-up click.
notHelpful	`output<void>`	—	Fires on thumbs-down click.
closed	`output<void>`	—	Fires on the X close click.
class	`string`	—	Extra classes for the wrapper.
[icon] slot	`ng-content`	—	Project a leading icon (any element with the icon attribute).