E-Signature extends a PDF viewer with signature, initials, date, and approval fields. It should keep field placement precise while making signing status clear.
See it composed with the PDF Viewer in the E-Signature block.
Loan originator signature
p. 1
Needs signature · 294 x 42 field
Initials
p. 2
Signed · Completed by Andrew
Installation
pnpm dlx shadcn@latest add @extend/e-signature
Useful behaviors
- Signature, initials, date, checkbox, and text field placement.
- Recipient-specific field ownership and completion state.
- Required-field validation before submit.
- Audit-friendly signed, pending, and declined states.
API Reference
ESignatureBlock
The ESignatureBlock component renders a PDF signing workflow with a document preview, signature field panel, signature dialog, and signed-PDF export.
| Prop | Type | Default | Required |
|---|---|---|---|
file | string | - | No |