Search code examples
sveltesvelte-3svelte-component

How can I pass raw text as named slot content?


Here is example:

<script>
    import Component from './Component.svelte'
</script>

<Component>
    <span>How to pass text to slot without span?</span>
</Component>

I would like to pass text inside span to "Component" without extra dom element.


Solution

  • <svelte:fragment slot="named">
      You can pass this text anywhere you want
    </svelte:fragment>
    

    Learn more: svelte.dev/tutorial/svelte-fragment