A signature, drawn or typed
A signature pad takes a drawn signature or a typed name, for e-sign consent, delivery proof and approvals. Drawn strokes are smoothed and kept as SVG, so the signature scales and prints, and a PNG is made on demand. Typing is the way in for anyone who cannot draw with a pointer, so the pad offers both by default.
Draw or type
Signature
Sign with a mouse, a finger or a pen, or type your name.
One method
Recipient signature
Approved by
// From the npm package
import { SignaturePad } from 'rift-ds/components/SignaturePad/SignaturePad';
// Or as source you own, via the shadcn CLI
npx shadcn@latest add https://rift-ds.com/r/signature-pad.json