-
-
-
-
-
-
+
+ {#snippet children({ props })}
+
-
Dark
-
+
Dark
+
+ {/snippet}
diff --git a/sites/docs/src/routes/(app)/examples/forms/display/display-form.svelte b/sites/docs/src/routes/(app)/examples/forms/display/display-form.svelte
index 72a959b9a..482f4c8f6 100644
--- a/sites/docs/src/routes/(app)/examples/forms/display/display-form.svelte
+++ b/sites/docs/src/routes/(app)/examples/forms/display/display-form.svelte
@@ -63,23 +63,25 @@
{#each items as item}
{@const checked = $formData.items.includes(item.id)}
-
- {@const { name, ...rest } = attrs}
- {
- if (v) {
- $formData.items = [...$formData.items, item.id];
- } else {
- $formData.items = $formData.items.filter((i) => i !== item.id);
- }
- }}
- />
-
- {item.label}
-
-
+
+ {#snippet children({ props })}
+ {
+ if (v) {
+ $formData.items = [...$formData.items, item.id];
+ } else {
+ $formData.items = $formData.items.filter(
+ (i) => i !== item.id
+ );
+ }
+ }}
+ />
+
+ {item.label}
+
+ {/snippet}
{/each}
diff --git a/sites/docs/src/routes/(app)/examples/forms/notifications/notifications-form.svelte b/sites/docs/src/routes/(app)/examples/forms/notifications/notifications-form.svelte
index 222787f8b..58dfd1d36 100644
--- a/sites/docs/src/routes/(app)/examples/forms/notifications/notifications-form.svelte
+++ b/sites/docs/src/routes/(app)/examples/forms/notifications/notifications-form.svelte
@@ -37,21 +37,27 @@
-
-
- All new messages
+
+ {#snippet children({ props })}
+
+ All new messages
+ {/snippet}
-
-
- Direct messages and mentions
+
+ {#snippet children({ props })}
+
+ Direct messages and mentions
+ {/snippet}
-
-
- Nothing
+
+ {#snippet children({ props })}
+
+ Nothing
+ {/snippet}
@@ -65,14 +71,16 @@
name="communication_emails"
class="flex flex-row items-center justify-between rounded-lg border p-4"
>
-
-
- Communication emails
-
- Receive emails about your account activity.
-
-
-
+
+ {#snippet children({ props })}
+
+ Communication emails
+
+ Receive emails about your account activity.
+
+
+
+ {/snippet}
-
-
- Marketing emails
-
- Receive emails about new products, features, and more.
-
-
-
+
+ {#snippet children({ props })}
+
+ Marketing emails
+
+ Receive emails about new products, features, and more.
+
+
+
+ {/snippet}
-
-
- Social emails
-
- Receive emails for friend requests, follows, and more.
-
-
-
+
+ {#snippet children({ props })}
+
+ Social emails
+
+ Receive emails for friend requests, follows, and more.
+
+
+
+ {/snippet}
-
-
- Security emails
-
- Receive emails about your account activity and security.
-
-
-
+
+ {#snippet children({ props })}
+
+ Security emails
+
+ Receive emails about your account activity and security.
+
+
+
+ {/snippet}