Skip to content

Commit 6ea1e26

Browse files
committed
docs: move select keys demo closer to top of page and provide explanation
See #433
1 parent 60b6042 commit 6ea1e26

File tree

2 files changed

+9
-3
lines changed

2 files changed

+9
-3
lines changed

packages/site/src/routes/demo/select/+page.svelte

Lines changed: 9 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -13,6 +13,14 @@
1313

1414
<Demo component={Showcase} file="select/_Showcase.svelte" />
1515

16+
<Demo component={Keys} file="select/_Keys.svelte">
17+
Using Keys
18+
<svelte:fragment slot="subtitle">
19+
If your options aren't strings, you must provide a <code>key</code> function
20+
that converts them to unique strings, or the label may misbehave.
21+
</svelte:fragment>
22+
</Demo>
23+
1624
<Demo component={Standard} file="select/_Standard.svelte">Standard</Demo>
1725

1826
<Demo component={Filled} file="select/_Filled.svelte">Filled</Demo>
@@ -36,14 +44,13 @@
3644
<Demo component={ConditionalIcon} file="select/_ConditionalIcon.svelte">
3745
Conditional icon
3846
</Demo>
39-
40-
<Demo component={Objects} file="select/_Objects.svelte">Using Objects</Demo>
4147
</section>
4248

4349
<script lang="ts">
4450
import Demo from '$lib/Demo.svelte';
4551
4652
import Showcase from './_Showcase.svelte';
53+
import Keys from './_Keys.svelte';
4754
import Standard from './_Standard.svelte';
4855
import Filled from './_Filled.svelte';
4956
import Outlined from './_Outlined.svelte';
@@ -52,7 +59,6 @@
5259
import Required from './_Required.svelte';
5360
import Disabled from './_Disabled.svelte';
5461
import ConditionalIcon from './_ConditionalIcon.svelte';
55-
import Objects from './_Objects.svelte';
5662
</script>
5763

5864
<style>

0 commit comments

Comments
 (0)