What Are Slots in Svelte?
You can provide a fallback content for Svelte components, using the built-in slot
. In case the component contains no markup, the fallback will be shown to the user.
Copied to clipboard!
<ListView>
<ListViewItem>
This will overwrite the default slot value.
</ListViewItem>
</ListView>
<!-- Later in your application, the markup for ListView.svelte -->
<div>
<slot>
<span>β« This list is empty...</span>
</slot>
</div>
Resources:
π More Webtips
Master the Art of Frontend
- Access 100+ interactive lessons
- Unlimited access to hundreds of tutorials
- Prepare for technical interviews