Signing Form Angular

Load /js/form.js, allow custom elements with CUSTOM_ELEMENTS_SCHEMA, then use <sealroute-form>.

Example Code

Code
// Load https://your.domain/js/form.js in index.html first
import { Component, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'

@Component({
  selector: 'app-root',
  standalone: true,
  schemas: [CUSTOM_ELEMENTS_SCHEMA],
  template: `
    <div class="app">
      <sealroute-form
        data-src="https://your.domain/d/{{ template_slug }}"
        data-height="800"
        (completed)="onComplete($event)">
      </sealroute-form>
    </div>
  `
})
export class AppComponent {
  onComplete(e: Event) {
    console.log((e as CustomEvent).detail)
  }
}

Attributes

Same as the JavaScript signing form: data-src (required), data-height (optional).

Events

init, completed, declined, requires_top_level.