<%= link_to t('learn_more'), console_redirect_index_path(redir: "#{Docuseal::CONSOLE_URL}/embedding/form"), 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="<%= Docuseal::CDN_URL %>/js/form.js"></script>

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

<%= link_to t('learn_more'), console_redirect_index_path(redir: "#{Docuseal::CONSOLE_URL}/embedding/form"), 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'), console_redirect_index_path(redir: "#{Docuseal::CONSOLE_URL}/embedding/form"), 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'), console_redirect_index_path(redir: "#{Docuseal::CONSOLE_URL}/embedding/form"), 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 {}