Velocity X Components

Growth & Conversion

Feedback NPS Prompt

A self-contained NPS/satisfaction prompt that walks a visitor through picking a score, leaving an optional follow-up comment, and landing on a thank-you state — a complete inline feedback flow for the end of a feature, ticket, or post-purchase page, not just a bare rating control.

Subscription Included with the Velocity Components subscription.
bash
$ velocityx add feedback-nps-prompt

Built for react. Needs react already installed as a peer dependency. An Astro-only project needs @astrojs/react wired up first — this won't run on its own in plain Astro.

Full docs for Feedback NPS Prompt →

Needs a licence key — subscribe here, then velocityx loginonce.

react v1.0.2 react
Feedback NPS Prompt

How likely are you to recommend Velocity to a colleague?

Not likelyVery likely

Props

NameTypeRequiredDefaultDescription
scale10 | 5No10
questionstringNo'How likely are you to recommend us to a friend or colleague?'
lowLabelstringNo'Not likely'
highLabelstringNo'Very likely'
commentPromptstringNo"What's the main reason for your score?"
commentPlaceholderstringNo'Optional — tell us more…'
skipCommentLabelstringNo'Skip'
submitLabelstringNo'Send feedback'
thankYouHeadlinestringNo'Thanks for the feedback.'
thankYouBodystringNo"It goes straight to the team building this — we read every response."
onSubmit(result: { score: number; comment: string | null }) => Promise<void> | voidNo
classNamestringNo''

File this creates

The CLI writes this path into your project, relative to its root — nothing else moves.

text
components/velocity/feedback-nps-prompt/FeedbackNpsPrompt.tsx

Using the Feedback NPS Prompt component

Install it with velocityx add feedback-nps-prompt. The CLI writes the source straight into your project — no runtime dependency, no registry lock-in, and it themes itself from the same primary-*/accent-* scale as the rest of the library.

More from Growth & Conversion.