<slot> HTML element —part of the Web Components technology suite— is a placeholder inside a web component that you can fill with your own markup, which lets you create separate DOM trees and present them together.
It defines a slot that is typically used in a shadow tree.
name attribute is used to assign slots to other elements: a slot element with a
name attribute creates a named slot to which any element is assigned if that element has a
slot attribute whose value matches that
name attribute's value, and the slot element is a child of the shadow tree whose root's host has that corresponding
slot attribute value.
You can use the
<slot> elements to create a flexible template that can then be used to populate the shadow DOM of a web component.
- Type: -
- Self-closing: No
- Semantic value: No