What Are Slots in Svelte?

What Are Slots in Svelte?

Ferenc Almasi β€’ 2020 September 25 β€’ Read time 1 min read
  • twitter
  • facebook

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>
Slots.svelte
What Are Slots in Svelte?
If you would like to see more Webtips, follow @flowforfrank

Looking into Svelte 3

Resources:

  • twitter
  • facebook
Did you find this page helpful?
πŸ“š More Webtips
Frontend Course Dashboard
Master the Art of Frontend
  • check Access 100+ interactive lessons
  • check Unlimited access to hundreds of tutorials
  • check Prepare for technical interviews
Become a Pro

Courses

Recommended

This site uses cookies We use cookies to understand visitors and create a better experience for you. By clicking on "Accept", you accept its use. To find out more, please see our privacy policy.