HTML · Links and media

slot

A placeholder inside a web component where the parent supplies content.

htmlRunnable example html course

Syntax

<slot name="…"></slot>

Example

Try it

<my-card>
  <span slot="title">Custom title</span>
</my-card>

Slots only work inside a shadow root. The custom element must be defined with customElements.define.

Reference pages are the quick answer. The course explains the why, shows the full example and ends with a challenge.