# NPS Scale

Eleven equal boxes from 0 to 10 with end labels. Choosing one reveals Submit.

Tier: Free

## Installation

```bash
npx shadcn add @fetaui/nps-scale
```

## Usage

```tsx
import { NpsScale } from '@/components/fetaui/nps-scale'

export function Example() {
  return <NpsScale question="How likely are you to recommend us?" onSubmit={save} />
}
```

## API

| Prop | Type | Default |
|---|---|---|
| question | string | required |
| low | string | Not likely |
| high | string | Very likely |
| defaultValue | number |  |
| onSubmit | (score) => void |  |
| animated | boolean | true |

## When to use

- To ask how likely someone is to recommend you.

## When not to use

- To rate one thing: use Rating.

## Accessibility

- Native radio inputs in a radiogroup labelled by the question.
- 0 and 10 include their end labels in their names.
- The chosen score is announced.

## Motion

- The box inverts in 120 ms, and press scales to 0.98.
- Submit fades in over 240 ms.
- With reduced motion, there is no press and it only fades.