This is an experimental technology
Check the Browser compatibility table carefully before using this in production.
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.
Specifications
| Specification | Status | Comment |
|---|---|---|
| HTML Living Standard The definition of 'slot attribute' in that specification. |
Living Standard | |
| DOM The definition of 'slot attribute' in that specification. |
Living Standard |
Browser compatibility
| Feature | Chrome | Edge | Firefox | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|---|
| Basic support | 53 | ? | 591 Yes — 592 | ? | 40 | 10 -webkit- |
| Feature | Android webview | Chrome for Android | Edge mobile | Firefox for Android | Opera Android | iOS Safari | Samsung Internet |
|---|---|---|---|---|---|---|---|
| Basic support | 53 | 53 | ? | 591 Yes — 592 | 40 | 10.1 | 6.0 |
1. From version 59: this feature is behind the dom.webcomponents.shadowdom.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.
2. Until version 59 (exclusive): this feature is behind the dom.webcomponents.enabled preference (needs to be set to true) and the dom.webcomponents.shadowdom.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.
See also
- All global attributes.