From f7c85096dacbb3a2487cd521bff780b10a321550 Mon Sep 17 00:00:00 2001
From: Eric Liu <ericyl.us@gmail.com>
Date: Sun, 13 Mar 2022 12:36:39 -0700
Subject: [PATCH] docs(form): add "Prevent default behavior" example

---
 docs/src/pages/components/Form.svx | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

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>
+```