# Signature Pad

A surface to sign on with a mouse, pen or finger.

Tier: Free

## Installation

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

## Usage

```tsx
import { SignaturePad } from '@/components/fetaui/signature-pad'

export function Example() {
  return <SignaturePad title="Sign to accept" onConfirm={save} />
}
```

## API

| Prop | Type | Default |
|---|---|---|
| title | string | Sign to accept |
| onChange | (signature) => void |  |
| onConfirm | (signature) => void |  |
| required | boolean | false |
| disabled | boolean | false |
| animated | boolean | true |

## When to use

- For consent, delivery and contract sign off.

## When not to use

- As the only option: keep a typed name nearby for people who cannot draw.

## Accessibility

- The pad is a labelled group, and status is announced.
- Offer a typed signature as an alternative.

## Motion

- Ink trails the pointer on a smoothing filter and thins with speed.
- Clear fades and blurs over 420 ms. Confirm pops a stamp.
- With reduced motion, clear is instant and nothing shakes.