Forms v1.0.0

Signature Pad

Canvas-based signature capture with mouse and touch support. Exports signature as base64 PNG to a hidden form input. Includes clear button and retina display support.

Preview & Code

Options

Name Type Default Description
name * String required Form field name for the hidden input
width Integer 400 Canvas width in pixels
height Integer 200 Canvas height in pixels
pen_color String "#1e293b" Pen stroke color (hex)
pen_width Integer 2 Pen stroke width in pixels
label String Optional label above the canvas
hint String Optional hint text below the canvas
required Boolean false Whether the signature is required

Changelog v1.0.0

- Initial release with canvas drawing
- Mouse and touch input support
- Retina 2x display support
- Base64 PNG export to hidden input
- Clear button to reset signature

Get Full Access

Unlock the source code for this component and all others. One-time payment for lifetime access.

Get Access Now