@shipmyform/svelte

Svelte bindings for ShipMyForm.

npm i @shipmyform/svelte

Store

<script lang="ts">
  import { createSubmit } from '@shipmyform/svelte'
  const { submit, submitting, succeeded, error } = createSubmit({ formId: 'YOUR_FORM_ID' })
</script>

{#if $succeeded}
  <p>Thanks!</p>
{:else}
  <form on:submit|preventDefault={(e) => submit(e.currentTarget)}>
    <input name="email" type="email" required />
    <button disabled={$submitting}>Send</button>
    {#if $error}<p role="alert">{$error.message}</p>{/if}
  </form>
{/if}

Action

Progressive enhancement — the form still posts natively without JavaScript.

<script lang="ts">
  import { shipmyform } from '@shipmyform/svelte'
</script>

<form use:shipmyform={{ formId: 'YOUR_FORM_ID', onSuccess: () => alert('Thanks!') }}>
  <input name="email" type="email" required />
  <button>Send</button>
</form>