O que são Web Components

Os Componentes Web são um conjunto de APIs nativas da Web que permitem a criação de elementos HTML, estilos de embalagem e comportamentos personalizados reutilizáveis.

Elementos personalizados

Use customElements.define() para definir novas etiquetas HTML, como。

Shadow DOM

Encapsule o DOM e os estilos internos dos componentes para evitar vazamentos de CSS externos e conflitos de estilos.

Modelos e slots HTML