HTML <slot> name Attribute

Example

<button onclick="showContent()">Show hidden content</button>

<template>
  <slot name="html">HTML</slot>
  <slot name="css">CSS</slot>
  <slot name="js">JAVASCRIPT</slot>
</template>

<script>
function showContent() {
  let temp = document.getElementsByTagName("template")[0];
  let clon = temp.content.cloneNode(true);
  document.body.appendChild(clon);
}
</script>

Try this code ❯

Meaning

The name attribute specifies the slot's name.

Standard Syntax

<slot name="string">

Attribute Values

Value	Description
string	Specifies the name for slot