Survey Prompt
A corner NPS prompt with a 0–10 chip scale, a follow-up question chosen by score, a thank-you state and snooze or dismiss.
Preview
Step 1 · rating
How likely are you to recommend Orchard to a colleague?
0 · Not likely10 · Very likely
Step 2 · follow-up for a 7
How likely are you to recommend Orchard to a colleague?
0 · Not likely10 · Very likely
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| question | ReactNode | NPS question | Labels the card and the 0–10 scale. |
| followUps | { low, mid, high } | fix first / make it a 10 / love most | Follow-up question by score band: 0–6, 7–8, 9–10. |
| lowLabel / highLabel | string | "Not likely" / "Very likely" | Labels under the ends of the scale. |
| onSubmit | ({ score, comment }) => unknown | — | Send or Skip. Return a promise for the sending state. |
| onSnooze / onDismiss | () => void | — | "Ask me later" (shown when set) and the close button. |
| defaultScore | number | — | Start with a score picked, showing the follow-up. |
| open / defaultOpen / onOpenChange | boolean / boolean / (open) => void | — / true / — | Visibility. |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.