slot #

::: section-content 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 <slot> element whose name attribute's value matches that slot attribute's value.

For examples, see our Using templates and slots guide. :::

Specifications #

::: _table #

Specification #

HTML Standard
[# attr-slot]{.small}

DOM Standard
[# ref-for-dom-element-slot①]{.small} #

:::

Browser compatibility #

::: _table Desktop Mobile

       Chrome    Edge   Firefox   Internet Explorer   Opera   Safari   WebView Android   Chrome Android   Firefox for Android   Opera Android   Safari on IOS   Samsung Internet

slot 53 ≤79 63 No 40 10 53 53 63 41 10 6.0 :::

See also #

::: section-content

• HTML global attributes
• HTML <slot> element
• HTML <template> element
• CSS ::slotted pseudo-element
• CSS scoping module
• Web components :::

::: _attribution © 2005–2023 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/slot{._attribution-link} :::