## CSAT
The shared thumbs up/down satisfaction prompt — the one CSAT control, not a bespoke rating.
Tier: leaf-lit. Frameworks: HTML (paste-and-run, no build step) · React · Vue 3.
Default to the HTML snippet — <aha-csat> is a standard custom element that renders on open — React/Vue are thin adapters over the same element.
Surfaces: editor, dashboard, audience.
Props:
- prompt: string, default —. Optional question shown before the thumbs
- source: string, default —. Stable placement token for analytics — passed in the rate and feedback events
- value: up | down, default —. The current rating (also reflects a click); syncs the selected thumb's aria-pressed
- thanks: string, default —. Opt-in thank-you line — shown (role=status) after rating (on down, after feedback submit); fades in on a persistent node
- feedback-prompt: string, default What could be better?. Heading shown at the top of the thumbs-down feedback popover
- feedback-placeholder: string, default Tell us more (optional). Placeholder for the free-text field in the feedback popover
Tokens: text-secondary, text-default, icon-muted, color-primary, color-success.
Use when: CSAT (a lightweight satisfaction check on a feature or a piece of content); Result (a full-block outcome after an operation); a Form (you need structured, multi-field feedback with validation).