diff --git a/docs/src/pages/components/Form.svx b/docs/src/pages/components/Form.svx
index 5d66a2dd..1f007664 100644
--- a/docs/src/pages/components/Form.svx
+++ b/docs/src/pages/components/Form.svx
@@ -60,3 +60,17 @@ components: ["Form", "FormGroup"]
   </FormGroup>
   <Button type="submit">Submit</Button>
 </Form>
+
+### Prevent default behavior
+
+The forwarded `submit` event is not modified. Use `e.preventDefault()` to prevent the native form submission behavior.
+
+```
+<Form on:submit={e => {
+  e.preventDefault();
+  console.log("submit", e);
+}}>
+   <Checkbox id="checkbox-0" labelText="Checkbox Label" checked />
+  <Button type="submit">Submit</Button>
+</Form>
+```
diff --git a/src/Form/Form.svelte b/src/Form/Form.svelte
index 502ae9e3..5c5e1d9f 100644
--- a/src/Form/Form.svelte
+++ b/src/Form/Form.svelte
@@ -13,7 +13,7 @@
   on:mouseover
   on:mouseenter
   on:mouseleave
-  on:submit|preventDefault
+  on:submit
 >
   <slot />
 </form>