Documentatie voor de maintainers

class en Web Components

Het class attribuut is geen onderdeel van de Public API van ene Web Component maar moeten beschouwd worden als een onderdeel wat buiten de controle van een Web Component valt.

Gebruik in plaats daarvan attributen:

// ❌
render() {
  return (
    <Host class="dso-fullscreen">
      <div>[...]</div>
    </Host>
  );
}

// ✅
render() {
  return (
    <Host fullscreen>
      <div>[...]</div>
    </Host>
  );
}

<slot>

Als een Web Component met slots werkt, heeft altijd een nameless slot.

// ❌
render() {
  return (
    <>
      <slot name="header" />
      <div class="content">
        <slot name="body" />
      </div>
    </>
  );
}

// ✅
render() {
  return (
    <>
      <slot name="header" />
      <div class="content">
        <slot />
      </div>
    </>
  );
}