NPS Score
premiumNet Promoter Score (0-10) input for customer feedback.
Overview
The NPS (Net Promoter Score) component displays a 0-10 scale for measuring customer satisfaction and loyalty. Users click a number to select their score.
Properties
| Property | Type | Default | Description |
|---|---|---|---|
name | String | "nps" | Field name used in form data. |
label | String | "How likely are you to recommend us?" | Label/question displayed above the scale. |
required | Boolean | false | Whether a score must be selected. |
Features
- Standard 0-10 NPS scale
- Color-coded segments (Detractors 0-6, Passives 7-8, Promoters 9-10)
- Customizable label text for each segment
- Hidden <input> for native form submission
Tips
Place the NPS component at the end of forms or as a standalone feedback form.
The standard NPS question is "How likely are you to recommend us to a friend?"
Validation
This component uses scale validation. See the Validation Guide for details on configuring rules and error messages.