Slottable - Web APIs

Skip to main content

The Slottable mixin defines features that allow nodes to become the contents of a <slot> element — the following features are included in both Element and Text.

Properties

Slottable.assignedSlot Read only: Returns the <slot> the node is inserted in.

Methods

None.

Specifications

Specification	Status	Comment
DOM The definition of 'Slottable' in that specification.	Living Standard	Initial definition.

Browser Compatibility

	Desktop						Mobile
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	Android webview	Chrome for Android	Firefox for Android	Opera for Android	Safari on iOS	Samsung Internet
`Slottable` Experimental	Chrome Full support 53	Edge Full support 79	Firefox Full support 63 Full support 63 No support 59 — 63 Disabled Disabled From version 59 until version 63 (exclusive): 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 No support No	Opera Full support 40	Safari Full support 10.1	WebView Android Full support 53	Chrome Android Full support 53	Firefox Android Full support 63 Full support 63 No support 59 — 63 Disabled Disabled From version 59 until version 63 (exclusive): 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 41	Safari iOS Full support 10.3	Samsung Internet Android Full support 6.0
`assignedSlot` Experimental	Chrome Full support 53	Edge Full support 79	Firefox Full support 63 Full support 63 No support 59 — 63 Disabled Disabled From version 59 until version 63 (exclusive): 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 No support No	Opera Full support 40	Safari Full support 10.1	WebView Android Full support 53	Chrome Android Full support 53	Firefox Android Full support 63 Full support 63 No support 59 — 63 Disabled Disabled From version 59 until version 63 (exclusive): 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 41	Safari iOS Full support 10.3	Samsung Internet Android Full support 6.0

Legend

Full support: Full support
No support: No support
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.