Preact

import { EmbedDirectTemplate } from '@documenso/embed-preact';

const SigningPage = () => {
  return (
    <EmbedDirectTemplate
      token="token-do-seu-modelo"
      host="https://app.kivosign.com.br"
      name="João Silva"
      email="joao@exemplo.com"
      lockEmail={true}
      externalId="pedido-12345"
      onDocumentReady={() => console.log('Pronto')}
      onDocumentCompleted={(data) => {
        console.log('Assinado:', data.documentId);
      }}
      onDocumentError={() => console.error('Erro')}
    />
  );
};

import { EmbedSignDocument } from '@documenso/embed-preact';

const SigningPage = ({ token }: { token: string }) => {
  return (
    <EmbedSignDocument
      token={token}
      host="https://app.kivosign.com.br"
      onDocumentCompleted={(data) => {
        console.log('Assinado:', data.documentId);
      }}
    />
  );
};

import { EmbedDirectTemplate } from '@documenso/embed-preact';

const StyledEmbed = () => {
  return (
    <EmbedDirectTemplate
      token="seu-token"
      host="https://app.kivosign.com.br"
      css={`
        .documenso-embed {
          border-radius: 8px;
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        }
      `}
      cssVars={{
        primary: '#0000FF',
        background: '#F5F5F5',
        radius: '8px',
      }}
      darkModeDisabled={true}
    />
  );
};