The <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.
The 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 <template>
and <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
Top comments (0)