<slot> – HTML 사전

웹 컴포넌트의 열린 창. 템플릿으로 만들어진 컴포넌트 내부에 외부 HTML 콘텐츠를 삽입할 수 있는 자리 표시자 역할을 한다.

<!-- custom-element.html -->
<template id="my-element-template">
  <p>
    <slot name="my-text">기본 텍스트</slot>
  </p>
</template>

<!-- index.html -->
<my-element>
  <span slot="my-text">슬롯에 들어갈 텍스트</span>
</my-element>