Field

Support

Client-side
Server-side

Examples

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 TypeDescription
signHereSignature field
signHereOptionalOptional signature field
signInitialHereInitials field
signInitialHereOptionalOptional initials field
companyCompany name field
dateSignedDate signed field
titleTitle field
fullNameFull name field
lastNameLast name field
firstNameFirst name field
emailAddressEmail address field
numberNumber field
dateDate field
ssnSocial Security Number field
zip5ZIP code field
zip5dash4ZIP code with 4-digit extension field
noteNote field
listList field
checkboxCheckbox field
radioRadio button field
approveApprove button field
declineDecline button field
viewView button field
signerAttachmentSigner attachment field
signerAttachmentOptionalOptional signer attachment field
import { Field } from "@onedoc/react-print";

<>
  <Tailwind>
    <h2 className="text-xl font-bold mb-4">Signature</h2>
    <div className="p-4 rounded-md border border-gray-200">
      By
      <br />
      <Field
        type="fullName"
        signee="sender"
        defaultValue="John Doe"
        className="border-b border-b-gray-300"
      />
      <br />
      <Field
        type="dateSigned"
        signee="sender"
        defaultValue="04/18/2024"
        className="border-b border-b-gray-300"
      />
      <br />
      <Field
        type="signHere"
        signee="sender"
        className="border border-gray-300 h-48"
      />
    </div>
  </Tailwind>
</>;