## Was This Helpful (S—075)

A "Was this helpful?" row: pick yes or no, a short follow-up opens, then it settles into a thank-you.

- URL: https://sundaeui.dev/components/helpful-feedback
- Category: Forms & inputs · Art direction: Refined
- Access: Free (no account needed)
- Stack: React 18+, TypeScript, plain CSS; dependencies: none
- Install: `npx shadcn@latest add https://sundaeui.dev/r/helpful-feedback.json`
- Tags: helpful, form, survey, docs, feedback, thumbs

Two quiet buttons under a doc or answer. Choosing one fills it and slides open a one-line follow-up with quick reasons, so people can add context with a tap instead of typing.
Sending collapses everything into a thank-you line. The whole thing stays one row tall until someone engages.

### Usage

```tsx
import { HelpfulFeedback } from '@/components/sundae/helpful-feedback'

<HelpfulFeedback />
```

### Props

- `question` (`string`, default `'Was this helpful?'`): Prompt text.
- `reasons` (`{ yes: string[]; no: string[] }`): Quick reasons per answer.
- `onSubmit` (`(r: { helpful: boolean; reason?: string }) => void`): Called on send.
- `fill` (`'dark' | 'light'`, default `'dark'`): Surface: dark or light.

### When to use

- End of docs pages, help articles, AI answers.
- Anywhere you want a cheap quality signal.

### When not to use

- Detailed surveys: use a form.
- Ratings that need a scale.

### Accessibility

- Yes / No are toggle buttons with aria-pressed.
- Reasons are a radiogroup; the thank-you is announced politely.
- Reduced motion removes the movement and keeps every state change.