Svelte Adapter Guide (@continuejs/svelte)

The @continuejs/svelte package provides the draftAction directive and useDraft store helper for Svelte 4 & 5.

---

Svelte Directive Example

<script>
  import { draftAction } from '@continuejs/svelte';
  import '@continuejs/ui';

  let formRef;
</script>

<form use:draftAction={{ id: 'survey-draft', retention: '7d' }}>
  <input name="fullname" placeholder="Full Name" />
  <input name="email" placeholder="Email" />
  <textarea name="feedback" placeholder="Feedback"></textarea>
  <button type="submit">Submit</button>
</form>