# Amount Pad

A send money keypad. The amount grows as you type and the send button carries it.

Tier: Free

## Installation

```bash
npx shadcn add @fetaui/amount-pad
```

## Usage

```tsx
import { AmountPad } from '@/components/fetaui/amount-pad'

export function Example() {
  return <AmountPad to="Noa Lindqvist" limit={5000} onSend={send} />
}
```

## API

| Prop | Type | Default |
|---|---|---|
| to | string |  |
| initials | string |  |
| currency | string | $ |
| currencyName | string | from currency |
| note | string |  |
| limit | number | 5000 |
| presets | number[] | 20, 50, 100 |
| onSend | (amount) => void or Promise |  |
| disabled | boolean | false |
| animated | boolean | true |

## When to use

- For sending money, tips and top ups.

## When not to use

- For a plain number in a form: use Input.

## Accessibility

- The amount is an output with a spoken value.
- Keys are labelled buttons, and the note is a live status.

## Motion

- Digits rise 12 px with a 4 px blur on a 520/30 spring, and commas slide into place.
- Going past the limit or a third decimal shakes the amount for 360 ms.
- Send walks Sending, Sent and back after 1.6 s.
- With reduced motion, digits appear and nothing shakes.