HTML slot global attribute
BaselineWidely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
Theslot
global attribute assigns a slot in ashadow DOM shadow tree to an element: An element with aslot
attribute is assigned to the slot created by the<slot>
element whosename
attribute's value matches thatslot
attribute's value. You can have multiple elements assigned to the same slot by using the same slot name. Elements without aslot
attribute are assigned to the unnamed slot, if one exists.
For examples, see ourUsing templates and slots guide.
Specifications
Specification |
---|
HTML # attr-slot |
DOM # ref-for-dom-element-slot① |
Browser compatibility
See also
- HTMLglobal attributes
- HTML
<slot>
element - HTML
<template>
element - CSS
::slotted
pseudo-element - CSS scoping module
- Web components