Signature pad

Capture a handwritten signature on canvas. Touch + mouse + stylus. Export as PNG data URL via onChange or the built-in Download button.

Preview

Usage

TSX

import { SignaturePad } from "kora-ui/client";

<SignaturePad
  width={480}
  height={180}
  penColor="#0a0a0a"
  onChange={(dataUrl) => upload(dataUrl)}
/>