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.
For examples, see our Using templates and slots guide.
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
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Update compatibility data on GitHub
| Desktop | Mobile | ||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | Android webview | Chrome for Android | Edge Mobile | Firefox for Android | Opera for Android | iOS Safari | Samsung Internet | |
| Basic support | Chrome Full support 53 | Edge ? | Firefox
Full support
63
| IE ? | Opera Full support 40 | Safari
Full support
10
| WebView Android Full support 53 | Chrome Android Full support 53 | Edge Mobile ? | Firefox Android
Full support
63
| Opera Android Full support 40 | Safari iOS Full support 10.1 | Samsung Internet Android Full support 6.0 |
Legend
- Full support
- Full support
- Compatibility unknown
- Compatibility unknown
- Experimental. Expect behavior to change in the future.
- Experimental. Expect behavior to change in the future.
- User must explicitly enable this feature.
- User must explicitly enable this feature.
- Requires a vendor prefix or different name for use.
- Requires a vendor prefix or different name for use.
See also
- All global attributes.