Component Demo

Signature Pad Modal Sample

Demo surface

Blank signing area

Use the button below to open a sample signature pad modal with typed, drawn, and uploaded signature options.

No signature adopted yet

Open the modal to create or choose a signature.

Adopted signature

Signature

Initials

Adopt Signature

Choose how you want to create your signature and initials.

Draw your signature

Use your mouse, trackpad, or finger to sign below.

Upload signature image

PNG, JPG, or SVG with transparent background works best.

Selected file

By adopting this signature, you agree to use it for this demo flow.