Skip to content

Commit adb6a9b

Browse files
committed
refactor(FormComponent): use snippet for form children
Refactor Defaults.svelte to wrap form fields in a snippet block, passing errors and isDirty to children. This improves code clarity and aligns with updated component patterns.
1 parent e1bf42a commit adb6a9b

File tree

1 file changed

+21
-19
lines changed
  • packages/svelte5/test-app/Pages/FormComponent/SubmitComplete

1 file changed

+21
-19
lines changed

packages/svelte5/test-app/Pages/FormComponent/SubmitComplete/Defaults.svelte

Lines changed: 21 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -5,27 +5,29 @@
55
<div>
66
<h1>OnSubmitComplete Defaults Test</h1>
77

8-
<Form method="post" let:errors let:isDirty onSubmitComplete={(props) => props.defaults()}>
9-
<div>
10-
<p id="dirty-status">{isDirty ? 'Form is dirty' : 'Form is clean'}</p>
11-
</div>
8+
<Form method="post" onSubmitComplete={(props) => props.defaults()}>
9+
{#snippet children({ errors, isDirty })}
10+
<div>
11+
<p id="dirty-status">{isDirty ? 'Form is dirty' : 'Form is clean'}</p>
12+
</div>
1213

13-
<div>
14-
<input type="text" name="name" id="name" placeholder="Name" value="John Doe" />
15-
{#if errors.name}
16-
<p id="error_name">{errors.name}</p>
17-
{/if}
18-
</div>
14+
<div>
15+
<input type="text" name="name" id="name" placeholder="Name" value="John Doe" />
16+
{#if errors.name}
17+
<p id="error_name">{errors.name}</p>
18+
{/if}
19+
</div>
1920

20-
<div>
21-
<input type="email" name="email" id="email" placeholder="Email" value="[email protected]" />
22-
{#if errors.email}
23-
<p id="error_email">{errors.email}</p>
24-
{/if}
25-
</div>
21+
<div>
22+
<input type="email" name="email" id="email" placeholder="Email" value="[email protected]" />
23+
{#if errors.email}
24+
<p id="error_email">{errors.email}</p>
25+
{/if}
26+
</div>
2627

27-
<div>
28-
<button type="submit">Submit</button>
29-
</div>
28+
<div>
29+
<button type="submit">Submit</button>
30+
</div>
31+
{/snippet}
3032
</Form>
3133
</div>

0 commit comments

Comments
 (0)