mirror of https://github.com/sveltejs/svelte
25 lines
401 B
25 lines
401 B
---
|
|
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>` without any children:
|
|
|
|
```html
|
|
<Box>
|
|
<h2>Hello!</h2>
|
|
<p>This is a box. It can contain anything.</p>
|
|
</Box>
|
|
|
|
<Box/>
|
|
```
|