# Signature pad

Smooth ink that thins with speed, with undo, replay, and PNG or SVG export.

- ID: `signature-pad`
- Import: `animui/signature-pad`
- Category: Inputs
- Runtime exports: `PAD_HEIGHT`, `PAD_WIDTH`, `SignaturePad`, `default`, `getStrokeOutline`, `outlineToPath`, `signatureToPng`, `signatureToSvg`, `strokePath`
- Declaration: `types/free/components/signature-pad.d.ts`
- Type provenance: emitted-original-typescript
- Related: file-upload, multi-step-form, hold-to-confirm, input

```tsx
import { PAD_HEIGHT } from 'animui/signature-pad';
```

This import example is not a complete render recipe: read the declaration below and its local references for required props, data, callbacks and provider context. Use `animui info signature-pad` to resolve the local declaration graph. Global setup is in `llms.txt`.

```ts
export { PAD_HEIGHT, PAD_WIDTH, SignaturePad, default, getStrokeOutline, outlineToPath, signatureToPng, signatureToSvg, strokePath } from '../registry/components/signature-pad/signature-pad.js';
export type { InkColor, InkPoint, InkStroke, InkWidth, OutlineOptions, SignaturePadProps } from '../registry/components/signature-pad/signature-pad.js';
```