Svelte

Bir formu tek satırda bağlamak için resmi store olan @formstork/svelte’i kullanın. Svelte 4 ve 5 ile çalışır.

npm install @formstork/svelte

<script>
  import { createFormstork } from "@formstork/svelte";

  const { submit, isSubmitting, isSuccess, message } = createFormstork({
    accessKey: "YOUR_ACCESS_KEY",
  });
</script>

{#if $isSuccess}
  <p>Thanks, {$message}</p>
{:else}
  <form on:submit={submit}>
    <input type="text" name="name" required />
    <input type="email" name="email" required />
    <textarea name="message" required></textarea>
    <button disabled={$isSubmitting}>
      {$isSubmitting ? "Sending..." : "Send"}
    </button>
  </form>
{/if}

Store, form alanlarını otomatik olarak toplar ve sizin adınıza gönderir. Svelte store’larını döndürür: state, message ve isSubmitting / isSuccess / isError bayrakları (bunları $ öneki ile kullanın).

Store olmadan

Bir bağımlılık eklemek istemiyorsanız, formu doğrudan gönderin:

async function onSubmit(e) {
  e.preventDefault();
  await fetch("https://api.formstork.com/submit", {
    method: "POST",
    body: new FormData(e.target),
    headers: { Accept: "application/json" },
  });
}