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/documentation/tutorial/14-composition/02-slot-fallbacks/text.md

25 lines
406 B

---
title: Slot fallbacks
---
A component can specify _fallbacks_ for any slots that are left empty, by putting content inside the `<slot>` element:
```svelte
<div class="box">
<slot>
<em>no content was provided</em>
</slot>
</div>
```
We can now create instances of `<Box>` without any children:
```svelte
<Box>
<h2>Hello!</h2>
<p>This is a box. It can contain anything.</p>
</Box>
<Box />
```