Signature pad
Canvas signature capture with smoothed, pressure- or speed-weighted strokes, undo and clear, ink or ember pen, SVG and PNG export, a type-your-name tab for keyboard users and a signed state with timestamp.
Preview
Approve purchase order PO-2291
By signing you agree to the terms above.
Contractor agreement
Signed by Malik Haddad ·
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| value / defaultValue | SignatureValue | null | null | A value shows the signed state. |
| onSign | (value: SignatureValue) => void | — | { kind: "draw", svg, width, height, png?, color, signedAt } or { kind: "type", name, signedAt }. |
| onClear | () => void | — | Called by “Sign again”. |
| signerName | string | — | Shown as “Signed by …” and used to fill the Type tab. |
| defaultColor | "ink" | "ember" | "ink" | Starting pen colour. |
| height | number | 160 | Height of the pad in px. |
| locale | string | "en-US" | Locale for the signed timestamp. |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.