slot

sting01·2023년 3월 6일
0

svelte

목록 보기
12/18
<script>
	import Slot from './Slot.svelte';
</script>

<style>
</style>

<div>
	<Slot>
		<span>슬롯 요소</span>
		<span slot="slotText">네이밍 있는 슬롯 요소</span>
	</Slot>
</div>
<script>
	export let slotText;

	console.log(slotText);
</script>

<style>
</style>

<div class="bg-slate-400">
	<slot><!-- optional fallback --></slot>

	<slot name="slotText"><!-- optional fallback --> 1112</slot>
</div>

하위 요소에 지정 위치로 출력
name 요소와 매칭 필요

0개의 댓글