# FeedbackCapture

Thumbs up or down, reasons and a correction for one specific reply, saved once your server confirms.

- **Use it for**: Feedback with reasons and a correction, saved by your server.
- **Not for**: One-click thumbs only. Try [MessageActions](https://unseenui.com/components/message-actions/).

## Installation

```bash
npm install @stackunseen/ui
```

## Usage

```tsx
import { FeedbackCapture } from '@stackunseen/ui';
import '@stackunseen/ui/styles.css';

<FeedbackCapture variant="card" target={{ messageId, revision }} value={draft} onValueChange={setDraft} onSubmit={send} submission={submission} receipt={receipt} />
```

## All props

| Prop | Type | Description |
| --- | --- | --- |
| `label` | `string` |  |
| `maxLength` | `number` |  |
| `onSubmit` (required) | `(submission: FeedbackSubmission) => void` | Receives the draft bound to the target. |
| `onValueChange` (required) | `(value: FeedbackDraft) => void` |  |
| `reasons` | `readonly FeedbackReason[]` |  |
| `receipt` | `CommandReceipt` |  |
| `submission` | `SubmissionState` |  |
| `target` (required) | `FeedbackTarget` |  |
| `value` (required) | `FeedbackDraft` |  |
| `variant` | `"card" \| "inline"` |  |

## Keyboard

Helpful and Not helpful are toggle buttons; reasons are checkboxes; Enter in the form sends.

## Works with

[Chat](https://unseenui.com/components/chat/), [PromptInput](https://unseenui.com/components/prompt-input/), [Message](https://unseenui.com/components/message/), [StreamingResponse](https://unseenui.com/components/streaming-response/), [MessageActions](https://unseenui.com/components/message-actions/), [Suggestions](https://unseenui.com/components/suggestions/), [Attachment](https://unseenui.com/components/attachment/), [FileDropzone](https://unseenui.com/components/file-dropzone/), [ModelSelector](https://unseenui.com/components/model-selector/), [Reasoning](https://unseenui.com/components/reasoning/), [SuggestTextarea](https://unseenui.com/components/suggest-textarea/), [Checkpoint](https://unseenui.com/components/checkpoint/)

Page: https://unseenui.com/components/feedback-capture/