Svelte Integration

Our Svelte SDK provides a simple way to embed a signing experience within your Svelte application. It supports both direct link templates and signing tokens.

Installation

To install the SDK, run the following command:

npm install @documenso/embed-svelte

Usage

To embed a signing experience, you'll need to provide the token for the document you want to embed. This can be done in a few different ways, depending on your use case.

Direct Link Template

If you have a direct link template, you can simply provide the token for the template to the EmbedDirectTemplate component.

<script lang="ts">
  import { EmbedDirectTemplate } from '@documenso/embed-svelte';
 
  const token = 'YOUR_TOKEN_HERE'; // Replace with the actual token
</script>
 
<template>
  <EmbedDirectTemplate {token} />
</template>

Props

Signing Token

If you have a signing token, you can provide it to the EmbedSignDocument component.

import { EmbedSignDocument } from '@documenso/embed-svelte';
 
const MyEmbeddingComponent = () => {
  const token = 'YOUR_TOKEN_HERE'; // Replace with the actual token
 
  return <EmbedSignDocument token={token} />;
};

Props