A yes or no question. Yes opens a note, No adds reason chips, and sending says thanks.
FreeWeb and MobileMotion
Preview
npx shadcn add @fetaui/feedback-promptPlayground
Was this helpful?
Default
Was this helpful?
Positive
Was this helpful?
Negative
Was this helpful?
Sent
Thanks, your feedback helps us improve this page.
Stage
Icons animation
Motion
Installation
Terminal· bash
npx shadcn add @fetaui/feedback-prompt
Accessibility
- Yes and No use aria-pressed, and reason chips are toggles in a labelled group.
- The thank you is announced.
Motion
- The panel fades and rises 8 px over 400 ms.
- Chips and note fade in over 240 ms, and Sent replaces the card.
- With reduced motion, it only fades.
Responsive behavior
- 480 px on Web and 358 px on Mobile.
Performance
- Only the current stage renders. Reason chips and the note mount after a choice.
- Reveals are one short opacity and y fade through Motion.
Note for AI
Give your coding assistant the Markdown reference instead of screenshots.
- Import FeedbackPrompt. Props: question, reasons, thanks, onSubmit, animated. defaultStage is for previews.
- onSubmit receives { helpful, reasons, note }. Reasons are only sent after No.
- It composes Button, Toggle and Input. Nothing is sent in the demo.
Related
NPS ScaleComponentEleven equal boxes from 0 to 10 with end labels. Choosing one reveals Submit.RatingComponentFive stars with a label and value. Hover previews up to the pointer.Vote ButtonComponentA chevron over a count. Voting inverts the tile and rolls the count up by one.ToggleComponentA button that stays pressed.InputComponentThe single line text control: a pill on the tray fill that lifts onto the surface when focused.