Legally Binding E-Signatures

import { SignaturePad, useSignature } from '@doccentral/react';

function SigningPage({ documentId }) {
  const { sign, status } = useSignature(documentId);

  const handleSign = async (signature) => {
    await sign({
      signature,
      signerId: 'user_123',
      method: 'draw', // or 'type', 'upload'
    });
  };

  return (
    <SignaturePad
      onSign={handleSign}
      fields={['signature', 'initials', 'date']}
      requireAllFields
      style={{ borderColor: '#brand' }}
    />
  );
}