mirror of
https://github.com/sveltejs/svelte.git
synced 2024-12-01 17:30:59 +01:00
24 lines
400 B
Markdown
24 lines
400 B
Markdown
|
---
|
||
|
|
title: Slot fallbacks
|
||
|
|
---
|
||
|
|
|
||
|
|
A component can specify *fallbacks* for any slots that are left empty, by putting content inside the `<slot>` element:
|
||
|
|
|
||
|
|
```html
|
||
|
|
<div class="box">
|
||
|
|
<slot>
|
||
|
|
<em>no content was provided</em>
|
||
|
|
</slot>
|
||
|
|
</div>
|
||
|
|
```
|
||
|
|
|
||
|
|
We can now create instances of `<Box>` eithout any children:
|
||
|
|
|
||
|
|
```html
|
||
|
|
<Box>
|
||
|
|
<h2>Hello!</h2>
|
||
|
|
<p>This is a box. It can contain anything.</p>
|
||
|
|
</Box>
|
||
|
|
|
||
|
|
<Box/>
|
||
|
|
```
|