Skip to content

Commit 99ca184

Browse files
hperrinhperrin
committed
fix: use snippets instead of slots for migrated components
1 parent bde6442 commit 99ca184

31 files changed

+209
-89
lines changed

‎packages/site/src/routes/demo/badge/_PositionAlign.svelte

+6-6
Original file line numberDiff line numberDiff line change
@@ -10,9 +10,9 @@
1010
{#each positions as pos}
1111
<FormField>
1212
<Radio bind:group={position} value={pos} />
13-
<span slot="label">
13+
{#snippet label()}
1414
{pos}
15-
</span>
15+
{/snippet}
1616
</FormField>
1717
{/each}
1818
</div>
@@ -22,9 +22,9 @@
2222
{#each alignmentsY as alignment}
2323
<FormField>
2424
<Radio bind:group={alignY} value={alignment} />
25-
<span slot="label">
25+
{#snippet label()}
2626
{alignment}
27-
</span>
27+
{/snippet}
2828
</FormField>
2929
{/each}
3030
</div>
@@ -34,9 +34,9 @@
3434
{#each alignmentsX as alignment}
3535
<FormField>
3636
<Radio bind:group={alignX} value={alignment} />
37-
<span slot="label">
37+
{#snippet label()}
3838
{alignment}
39-
</span>
39+
{/snippet}
4040
</FormField>
4141
{/each}
4242
</div>

‎packages/site/src/routes/demo/banner/_General.svelte

+9-3
Original file line numberDiff line numberDiff line change
@@ -3,15 +3,21 @@
33
<div>
44
<FormField>
55
<Checkbox bind:checked={open} />
6-
<span slot="label">Open</span>
6+
{#snippet label()}
7+
Open
8+
{/snippet}
79
</FormField>
810
<FormField>
911
<Checkbox bind:checked={centered} />
10-
<span slot="label">Centered</span>
12+
{#snippet label()}
13+
Centered
14+
{/snippet}
1115
</FormField>
1216
<FormField>
1317
<Checkbox bind:checked={mobileStacked} />
14-
<span slot="label">Mobile Stacked</span>
18+
{#snippet label()}
19+
Mobile Stacked
20+
{/snippet}
1521
</FormField>
1622
</div>
1723

‎packages/site/src/routes/demo/banner/_Icon.svelte

+9-3
Original file line numberDiff line numberDiff line change
@@ -3,15 +3,21 @@
33
<div>
44
<FormField>
55
<Checkbox bind:checked={open} />
6-
<span slot="label">Open</span>
6+
{#snippet label()}
7+
Open
8+
{/snippet}
79
</FormField>
810
<FormField>
911
<Checkbox bind:checked={centered} />
10-
<span slot="label">Centered</span>
12+
{#snippet label()}
13+
Centered
14+
{/snippet}
1115
</FormField>
1216
<FormField>
1317
<Checkbox bind:checked={mobileStacked} />
14-
<span slot="label">Mobile Stacked</span>
18+
{#snippet label()}
19+
Mobile Stacked
20+
{/snippet}
1521
</FormField>
1622
</div>
1723

‎packages/site/src/routes/demo/bottom-app-bar/_Fab.svelte

+3-1
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,9 @@
11
<div>
22
<FormField>
33
<Checkbox bind:checked={secondaryColor} />
4-
<span slot="label">Secondary</span>
4+
{#snippet label()}
5+
Secondary
6+
{/snippet}
57
</FormField>
68
</div>
79

‎packages/site/src/routes/demo/bottom-app-bar/_Static.svelte

+3-1
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,9 @@
11
<div>
22
<FormField>
33
<Checkbox bind:checked={secondaryColor} />
4-
<span slot="label">Secondary</span>
4+
{#snippet label()}
5+
Secondary
6+
{/snippet}
57
</FormField>
68
</div>
79

‎packages/site/src/routes/demo/bottom-app-bar/iframe/snackbar/+page.svelte

+3-1
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,9 @@
44
<div>
55
<FormField>
66
<Checkbox bind:checked={withFab} />
7-
<span slot="label">With FAB</span>
7+
{#snippet label()}
8+
With FAB
9+
{/snippet}
810
</FormField>
911
</div>
1012

‎packages/site/src/routes/demo/checkbox/_Colored.svelte

+24-8
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,25 @@
11
<div>
22
<FormField>
33
<Checkbox class="my-colored-checkbox" />
4-
<span slot="label">Custom Color</span>
4+
{#snippet label()}
5+
Custom Color
6+
{/snippet}
57
</FormField>
68
</div>
79
<div>
810
<FormField>
911
<Checkbox class="my-colored-checkbox" disabled />
10-
<span slot="label">Disabled</span>
12+
{#snippet label()}
13+
Disabled
14+
{/snippet}
1115
</FormField>
1216
</div>
1317
<div>
1418
<FormField>
1519
<Checkbox class="my-colored-checkbox" disabled checked />
16-
<span slot="label">Disabled, Checked</span>
20+
{#snippet label()}
21+
Disabled, Checked
22+
{/snippet}
1723
</FormField>
1824
</div>
1925
<div>
@@ -23,7 +29,9 @@
2329
bind:checked
2430
indeterminate={checked === null}
2531
/>
26-
<span slot="label">Indeterminate</span>
32+
{#snippet label()}
33+
Indeterminate
34+
{/snippet}
2735
</FormField>
2836
</div>
2937

@@ -34,19 +42,25 @@
3442
<div>
3543
<FormField>
3644
<Checkbox class="my-fully-colored-checkbox" />
37-
<span slot="label">Fully Colored</span>
45+
{#snippet label()}
46+
Fully Colored
47+
{/snippet}
3848
</FormField>
3949
</div>
4050
<div>
4151
<FormField>
4252
<Checkbox class="my-fully-colored-checkbox" disabled />
43-
<span slot="label">Disabled</span>
53+
{#snippet label()}
54+
Disabled
55+
{/snippet}
4456
</FormField>
4557
</div>
4658
<div>
4759
<FormField>
4860
<Checkbox class="my-fully-colored-checkbox" disabled checked />
49-
<span slot="label">Disabled, Checked</span>
61+
{#snippet label()}
62+
Disabled, Checked
63+
{/snippet}
5064
</FormField>
5165
</div>
5266
<div>
@@ -56,7 +70,9 @@
5670
bind:checked={checked2}
5771
indeterminate={checked2 === null}
5872
/>
59-
<span slot="label">Indeterminate</span>
73+
{#snippet label()}
74+
Indeterminate
75+
{/snippet}
6076
</FormField>
6177
</div>
6278

‎packages/site/src/routes/demo/checkbox/_Group.svelte

+3-3
Original file line numberDiff line numberDiff line change
@@ -6,9 +6,9 @@
66
value={option.name}
77
disabled={option.disabled}
88
/>
9-
<span slot="label"
10-
>{option.name}{option.disabled ? ' (disabled)' : ''}</span
11-
>
9+
{#snippet label()}
10+
{option.name}{option.disabled ? ' (disabled)' : ''}
11+
{/snippet}
1212
</FormField>
1313
{/each}
1414
</div>

‎packages/site/src/routes/demo/checkbox/_Indeterminate.svelte

+3-1
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,9 @@
88
if `checked` is null.
99
-->
1010
<Checkbox bind:checked indeterminate={checked === null} input$required />
11-
<span slot="label">I agree to the terms.</span>
11+
{#snippet label()}
12+
I agree to the terms.
13+
{/snippet}
1214
</FormField>
1315

1416
<br />

‎packages/site/src/routes/demo/checkbox/_Simple.svelte

+6-2
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,9 @@
11
<div>
22
<FormField>
33
<Checkbox bind:checked />
4-
<span slot="label">Remember me.</span>
4+
{#snippet label()}
5+
Remember me.
6+
{/snippet}
57
</FormField>
68
</div>
79

@@ -10,7 +12,9 @@
1012
<div style="margin-top: 1em;">
1113
<FormField align="end">
1214
<Checkbox bind:checked={checked2} />
13-
<span slot="label">Remember me.</span>
15+
{#snippet label()}
16+
Remember me.
17+
{/snippet}
1418
</FormField>
1519
</div>
1620

‎packages/site/src/routes/demo/checkbox/_Touch.svelte

+3-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,8 @@
11
<FormField>
22
<Checkbox bind:checked touch />
3-
<span slot="label">Remember me.</span>
3+
{#snippet label()}
4+
Remember me.
5+
{/snippet}
46
</FormField>
57

68
<pre class="status">Checked: {checked}</pre>

‎packages/site/src/routes/demo/circular-progress/_Simple.svelte

+3-1
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,9 @@
1010

1111
<FormField>
1212
<Checkbox bind:checked={closed} />
13-
<span slot="label">Closed</span>
13+
{#snippet label()}
14+
Closed
15+
{/snippet}
1416
</FormField>
1517

1618
<script lang="ts">

‎packages/site/src/routes/demo/common/_ClassMap.svelte

+6-2
Original file line numberDiff line numberDiff line change
@@ -13,12 +13,16 @@
1313
<div>
1414
<FormField style="margin-right: 1em;">
1515
<Checkbox bind:checked={big} />
16-
<span slot="label">Big</span>
16+
{#snippet label()}
17+
Big
18+
{/snippet}
1719
</FormField>
1820
{#each ['red', 'blue', 'green'] as option}
1921
<FormField style="margin-right: 1em;">
2022
<Radio bind:group={color} value={option} />
21-
<span slot="label">{`${option[0].toUpperCase()}${option.slice(1)}`}</span>
23+
{#snippet label()}
24+
{`${option[0].toUpperCase()}${option.slice(1)}`}
25+
{/snippet}
2226
</FormField>
2327
{/each}
2428
</div>

‎packages/site/src/routes/demo/dialog/_Sliders.svelte

+9-3
Original file line numberDiff line numberDiff line change
@@ -14,19 +14,25 @@
1414
use={[InitialFocus]}
1515
style="width: 100%;"
1616
/>
17-
<span slot="label">Media Volume</span>
17+
{#snippet label()}
18+
Media Volume
19+
{/snippet}
1820
</FormField>
1921
</div>
2022
<div>
2123
<FormField style="display: flex; flex-direction: column-reverse;">
2224
<Slider bind:value={volumeRingtone} style="width: 100%;" />
23-
<span slot="label">Ringtone Volume</span>
25+
{#snippet label()}
26+
Ringtone Volume
27+
{/snippet}
2428
</FormField>
2529
</div>
2630
<div>
2731
<FormField style="display: flex; flex-direction: column-reverse;">
2832
<Slider bind:value={volumeAlarm} style="width: 100%;" />
29-
<span slot="label">Alarm Volume</span>
33+
{#snippet label()}
34+
Alarm Volume
35+
{/snippet}
3036
</FormField>
3137
</div>
3238
</Content>

‎packages/site/src/routes/demo/elevation/_TransitionsAndColor.svelte

+3-1
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,9 @@
55

66
<FormField>
77
<Checkbox bind:checked={liftMeUp} />
8-
<span slot="label">You raise me up, so I can stand on mountains!</span>
8+
{#snippet label()}
9+
You raise me up, so I can stand on mountains!
10+
{/snippet}
911
</FormField>
1012

1113
<br /><br />

‎packages/site/src/routes/demo/fab/_Exited.svelte

+6-2
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,9 @@
77
<div class="margins">
88
<FormField>
99
<Checkbox bind:checked={exited} />
10-
<span slot="label">Exited</span>
10+
{#snippet label()}
11+
Exited
12+
{/snippet}
1113
</FormField>
1214
</div>
1315
</div>
@@ -21,7 +23,9 @@
2123
<div class="margins">
2224
<FormField>
2325
<Checkbox bind:checked={exitedPrimary} />
24-
<span slot="label">Exited</span>
26+
{#snippet label()}
27+
Exited
28+
{/snippet}
2529
</FormField>
2630
</div>
2731
</div>

‎packages/site/src/routes/demo/linear-progress/_Simple.svelte

+3-1
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,9 @@
88

99
<FormField>
1010
<Checkbox bind:checked={closed} />
11-
<span slot="label">Closed</span>
11+
{#snippet label()}
12+
Closed
13+
{/snippet}
1214
</FormField>
1315

1416
<script lang="ts">

0 commit comments

Comments
 (0)