Signing Form React

Load /js/form.js, then use the <sealroute-form> custom element in JSX.

Example Code

Code
// Load https://your.domain/js/form.js in index.html first

export function App() {
  return (
    <div className="app">
      <sealroute-form
        data-src="https://your.domain/d/{{ template_slug }}"
        data-height="800"
        ref={(el) => {
          el?.addEventListener('completed', (e) => console.log(e.detail))
        }}
      />
    </div>
  )
}

Attributes

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

Events

init, completed, declined, requires_top_level — attach with addEventListener on the element.