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.
svelte/site/content/tutorial/16-special-elements/01-svelte-self/text.md

25 lines
595 B

---
title: <svelte:self>
---
Svelte provides a variety of built-in elements. The first, `<svelte:self>`, allows a component to contain itself recursively.
It's useful for things like this folder tree view, where folders can contain *other* folders. In `Folder.svelte` we want to be able to do this...
```html
{#if file.type === 'folder'}
<Folder {...file}/>
{:else}
<File {...file}/>
{/if}
```
...but that's impossible, because a file can't import itself. Instead, we use `<svelte:self>`:
```html
{#if file.type === 'folder'}
<svelte:self {...file}/>
{:else}
<File {...file}/>
{/if}
```