slot

Jump to:

Specifications
Browser compatibility
See also

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

Feature	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari
Basic support	53	?	63 59¹ Yes — 59²	?	40	10 -webkit-

Feature

Chrome

Edge

Firefox

Internet Explorer

Opera

Safari

Basic support

59¹

Yes — 59²

10 -webkit-

Feature	Android webview	Chrome for Android	Edge mobile	Firefox for Android	Opera Android	iOS Safari	Samsung Internet
Basic support	53	53	?	63 59¹ Yes — 59²	40	10.1	6.0

Feature

Android webview

Chrome for Android

Edge mobile

Firefox for Android

Opera Android

iOS Safari

Samsung Internet

Basic support

59¹

Yes — 59²

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.

	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 Experimental	Chrome Full support 53	Edge ?	Firefox Full support 63 Full support 63 Full support 59 Disabled Disabled 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. No support ? — 59 Disabled Disabled 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.	IE ?	Opera Full support 40	Safari Full support 10 Prefixed Full support 10 Prefixed Prefixed Requires the vendor prefix: -webkit-	WebView Android Full support 53	Chrome Android Full support 53	Edge Mobile ?	Firefox Android Full support 63 Full support 63 Full support 59 Disabled Disabled 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. No support ? — 59 Disabled Disabled 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.	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.

Document Tags and Contributors

Tags:

Contributors to this page: chrisdavidmills, fscholz, sideshowbarker

Last updated by: chrisdavidmills, Jul 25, 2018, 6:19:33 AM

slot

Specifications

Browser compatibility

Legend

See also

Document Tags and Contributors

Learn the best of web development

Thanks! Please check your inbox to confirm your subscription.