تگ slot

تگ slot جای خالی برای تزریق محتوای کاربر در قالب‌های Web Components است. مقدار ویژگی name تعیین می‌کند محتوای کدام تگ با همان slot در جای آن قرار گیرد. اگر محتوایی تزریق نشود، متن پیش‌فرض درون slot نمایش داده می‌شود.

سینتکس

<slot name="..."> محتوای پیش‌فرض </slot>

مثال کاربردی

<template id="card">
  <div class="card">
    <slot>محتوای پیش‌فرض</slot>
  </div>
</template>

ویژگی‌های (Attributes) مهم

موارد مرتبط در HTML