title:<svelte:component>

A component can change its category altogether with`<svelte:component>`. Instead of a sequence of`if` blocks...

A component can change its type altogether with`<svelte:component>`. In this exercise, we want to show`RedThing.svelte` if the`color` is`red`,`GreenThing.svelte` if it's`green`, and so on.

We_could_ do this with a sequence of`if` blocks...

...we canhave a single dynamic component:

...but it's a little cumbersome. Instead,we cancreate a single dynamic component:

The`this` value can be any component constructor, or a falsy value — if it's falsy, no component is rendered.

{#ifselected.color==='red'}

<RedThing />

{:elseifselected.color==='green'}

<GreenThing />

{:elseifselected.color==='blue'}

<BlueThing />

{:else}

<p>TODO others</p>

{/if}