HTML slot global attribute

The slot global attribute assigns a slot in a shadow DOM shadow tree to an element: An element with a slot attribute is assigned to the slot created by the {{HTMLElement("slot")}} element whose name attribute's value matches that slot attribute's value. You can have multiple elements assigned to the same slot by using the same slot name. Elements without a slot attribute are assigned to the unnamed slot, if one exists.

For examples, see our Using templates and slots guide.

Specifications

{{Specifications}}

Browser compatibility

{{Compat}}

See also

• HTML global attributes
• HTML {{HTMLElement("slot")}} element
• HTML {{HTMLElement("template")}} element
• CSS {{CSSXref("::slotted")}} pseudo-element
• CSS scoping module
• Web components