← All Components

SignaturePad

Canvas signature capture with mouse and touch support. Outputs base64 PNG.

Demo

Sign here
Sign here

Props

PropTypeDefaultDescription
signatureDatastring""Base64 PNG data (bindable)
onSignatureChange(data: string) => void-Change callback
widthnumber400Canvas width
heightnumber200Canvas height
strokeColorstring"#000"Pen color
strokeWidthnumber2Pen width
labelstring-Label text
placeholderstring"Sign here"Placeholder text