jatui

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