# Number Stepper

Minus, value and plus Icon Buttons in a 10% ink pill.

Tier: Free

## Installation

```bash
npx shadcn add @fetaui/number-stepper
```

## Usage

```tsx
import { NumberStepper } from '@/components/fetaui/number-stepper'

export function Example() {
  return <NumberStepper label="Seats" defaultValue={5} min={1} />
}
```

## API

| Prop | Type | Default |
|---|---|---|
| label | string | required |
| value | number |  |
| defaultValue | number | 1 |
| onValueChange | (value) => void |  |
| min | number | 0 |
| max | number | 999 |
| step | number | 1 |
| disabled | boolean | false |
| animated | boolean | true |
| className | string |  |

## When to use

- For small counts like seats.

## When not to use

- For large or exact values: use Input.

## Accessibility

- A named group.
- The value is a polite live region.
- Minus turns off at `min`, plus at `max`.

## Motion

- Digits roll as the value changes.
- Buttons press to 0.98.