Using slots to pass HTML content to components

Interactive Svelte playground

As you can see in the example below, pages receive data from your application's controllers as props Vue 2 Vue 3 React Svelte script setup>

svelte pass props to slot In some cases, you may want to control parts of your component based on whether slotted content was passed in For example, if we remove the header> from App

svelte slot The special Svelte element svelte:fragment> looks spooky but it just allows you to pass content to a slot without an extra div> wrapper 🐿️ As