Signature pad

Freehand signature capture on a canvas. Drawing has no keyboard equivalent, so the pad ships a typed-signature alternative: the text input below the canvas renders its value in a script font and stores it on Signature.text. Undo and Clear are regular buttons in the tab order.

<BsSignaturePad  width={500}  height={300}  signature={signature}  onSignatureChange={setSignature}/>