Field — Fileforge

Support

Client-side

Server-side

Preview

The created fields can be signed as-is in Acrobat Reader or other PDF viewers, using Onedoc’s signature API, or through other e-signature services like DocuSign.

Supported fields:

Field Type	Description
signHere	Signature field
signHereOptional	Optional signature field
signInitialHere	Initials field
signInitialHereOptional	Optional initials field
company	Company name field
dateSigned	Date signed field
title	Title field
fullName	Full name field
lastName	Last name field
firstName	First name field
emailAddress	Email address field
number	Number field
date	Date field
ssn	Social Security Number field
zip5	ZIP code field
zip5dash4	ZIP code with 4-digit extension field
note	Note field
list	List field
checkbox	Checkbox field
radio	Radio button field
approve	Approve button field
decline	Decline button field
view	View button field
signerAttachment	Signer attachment field
signerAttachmentOptional	Optional signer attachment field

1 import { Field } from "@fileforge/react-print";
2 
3 <>
4   <Tailwind>
5     <h2 className="text-xl font-bold mb-4">Signature</h2>
6     <div className="p-4 rounded-md border border-gray-200">
7       By
8       <br />
9       <Field
10         type="fullName"
11         signee="sender"
12         defaultValue="John Doe"
13         className="border-b border-b-gray-300"
14       />
15       <br />
16       <Field
17         type="dateSigned"
18         signee="sender"
19         defaultValue="04/18/2024"
20         className="border-b border-b-gray-300"
21       />
22       <br />
23       <Field
24         type="signHere"
25         signee="sender"
26         className="border border-gray-300 h-48"
27       />
28     </div>
29   </Tailwind>
30 </>;

1	import { Field } from "@fileforge/react-print";
2
3	<>
4	<Tailwind>
5	<h2 className="text-xl font-bold mb-4">Signature</h2>
6	<div className="p-4 rounded-md border border-gray-200">
7	By
8	<br />
9	<Field
10	type="fullName"
11	signee="sender"
12	defaultValue="John Doe"
13	className="border-b border-b-gray-300"
14	/>
15	<br />
16	<Field
17	type="dateSigned"
18	signee="sender"
19	defaultValue="04/18/2024"
20	className="border-b border-b-gray-300"
21	/>
22	<br />
23	<Field
24	type="signHere"
25	signee="sender"
26	className="border border-gray-300 h-48"
27	/>
28	</div>
29	</Tailwind>
30	</>;