Vue

Use @subnoto/embed-vue to render the signing UI in a Vue app. Pass the iframe token and optional host; the component builds the embed URL.

Installation

install.sh

pnpm add @subnoto/embed-vue
# or npm install @subnoto/embed-vue

Getting the token

Create the iframe token on your backend and pass it to the client. See Iframe token for the API.

Using the component

SigningView.vue

<script setup lang="ts">
import { SignEmbed } from "@subnoto/embed-vue";

defineProps<{
    iframeToken: string;
    host?: string;
}>();
</script>

<template>
    <div class="embed-container">
        <SignEmbed
            :token="iframeToken"
            :host="host"
            title="Subnoto signing"
        />
    </div>
</template>

<style scoped>
.embed-container {
    width: 100%;
    height: 400px;
}
</style>

Pass token (required) and optionally host (default https://app.subnoto.com). Use a sized container so the iframe fills the space.

Next steps

Get started

Iframe token

Webhooks

Download signed document and audit proof