mirror of https://github.com/sveltejs/svelte
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
22 lines
510 B
22 lines
510 B
6 years ago
|
<script>
|
||
|
import RedThing from './RedThing.svelte';
|
||
|
import GreenThing from './GreenThing.svelte';
|
||
|
import BlueThing from './BlueThing.svelte';
|
||
|
|
||
|
const options = [
|
||
1 year ago
|
{ color: 'red', component: RedThing },
|
||
6 years ago
|
{ color: 'green', component: GreenThing },
|
||
1 year ago
|
{ color: 'blue', component: BlueThing }
|
||
6 years ago
|
];
|
||
|
|
||
|
let selected = options[0];
|
||
|
</script>
|
||
|
|
||
|
<select bind:value={selected}>
|
||
|
{#each options as option}
|
||
|
<option value={option}>{option.color}</option>
|
||
|
{/each}
|
||
|
</select>
|
||
|
|
||
1 year ago
|
<svelte:component this={selected.component} />
|