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

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

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

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

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

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 {}