<%= link_to t(:learn_more), "#{Wabosign::PRODUCT_URL}/docs/embedding", target: '_blank', data: { turbo: false }, class: 'btn btn-ghost text-gray-100 flex', rel: 'noopener' %> <%= svg_icon('copy', class: 'w-6 h-6 text-white') %> <%= t('copy') %>

<script src="<%= embed_script_url(filename: 'form.js') %>"></script>

<docuseal-form data-src="<%= start_form_url(slug: template.slug) %>"></docuseal-form>

<%= link_to t(:learn_more), "#{Wabosign::PRODUCT_URL}/docs/embedding", target: '_blank', data: { turbo: false }, class: 'btn btn-ghost text-gray-100 flex', rel: 'noopener' %> <%= svg_icon('copy', class: 'w-6 h-6 text-white') %> <%= t('copy') %>

import React from "react"
import { DocusealForm } from '@docuseal/react'

export function App() {
  return (
    <DocusealForm
      src="<%= start_form_url(slug: template.slug) %>"
    />
  );
}

<%= link_to t(:learn_more), "#{Wabosign::PRODUCT_URL}/docs/embedding", target: '_blank', data: { turbo: false }, class: 'btn btn-ghost text-gray-100 flex', rel: 'noopener' %> <%= svg_icon('copy', class: 'w-6 h-6 text-white') %> <%= t('copy') %>

<template>
  <DocusealForm
    :src="'<%= start_form_url(slug: template.slug) %>'"
  />
</template>

<script>
import { DocusealForm } from '@docuseal/vue'

export default {
  name: 'App',
  components: {
    DocusealForm
  }
}
</script>

<%= link_to t(:learn_more), "#{Wabosign::PRODUCT_URL}/docs/embedding", target: '_blank', data: { turbo: false }, class: 'btn btn-ghost text-gray-100 flex', rel: 'noopener' %> <%= svg_icon('copy', class: 'w-6 h-6 text-white') %> <%= t('copy') %>

import { Component } from '@angular/core';
import { DocusealFormComponent } from '@docuseal/angular';

@Component({
  selector: 'app-root',
  standalone: true,
  imports: [DocusealFormComponent],
  template: `
    <div class="app">
      <docuseal-form
        [src]="'<%= start_form_url(slug: template.slug) %>'">
      </docuseal-form>
    </div>
  `
})
export class AppComponent {}