FeedbackCapture

Markdown

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.

Loading example…

Installation

npm install @stackunseen/ui

import { FeedbackCapture } from '@stackunseen/ui';

Styles: @stackunseen/ui/styles.css

Usage and props

Feedback names the exact version of the reply it’s about. The form waits while your server answers; if saving fails or the result is unclear, the draft stays and the form says what to do.

Supported inputs

This is the public signature used by this example. Open Code to see how the values and callbacks fit together.

target · value: FeedbackDraft · onValueChange · onSubmit · reasons? · submission? · receipt? · maxLength?

How state and callbacks work

All props

Loading…

For your coding agent

Give the agent this page instead of a screenshot. The prompt wraps the page with the install and import lines and the rule that your server, not a click, completes an action.

Contract: target · value: FeedbackDraft · onValueChange · onSubmit · reasons? · submission? · receipt? · maxLength?
Keeps honest: Feedback names the exact version of the reply it’s about. The form waits while your server answers; if saving fails or the result is unclear, the draft stays and the form says what to do.
MCP: read_component "FeedbackCapture" on the docs endpoint

Open the Markdown file

Keyboard and customization

Keyboard

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

Customization

Change shared colors, spacing, corners and icons with the theme. Use the component's supported props to adapt its content and layout. Customization guide and Theme Studio

FeedbackCapture