SvelteレガシーAPI

<svelte:fragment>

<svelte:fragment> 要素を使用すると、名前付きスロットにコンテンツを配置できますが、それをコンテナ DOM 要素にラップすることはありません。これにより、ドキュメントのフローレイアウトがそのまま維持されます。

ウィジェット

<div>
	<slot name="header">No header was provided</slot>
	<p>Some content between header and footer</p>
	<slot name="footer" />
</div>

アプリ

<script>
	import Widget from './Widget.svelte';
</script>

<Widget>
	<h1 slot="header">Hello</h1>
	<svelte:fragment slot="footer">
		<p>All rights reserved.</p>
		<p>Copyright (c) 2019 Svelte Industries</p>
	</svelte:fragment>
</Widget>

Svelte 5 以降、このコンセプトは廃止されました。スニペットはラップ要素を作成しないためです。

GitHub でこのページを編集する

前の次の

$$slots <svelte:component>