Oltre a crearne di personalizzati, è anche possibile estendere web components precedentemente sviluppati, nonché estendere elementi HTML di base: ecco come.

Tra le varie opzioni disponibili per la creazione di un web component personalizzato, vi è anche quella che riguarda l’uso dei template: ecco come fare.

Utilizzare lo shadow DOM permette di creare web component senza che la loro definizione vada in conflitto o si sovrapponga con regole CSS già definite.

Una volta creato un web component personalizzato, può essere utile gestire gli eventi generati dall’interazione con esso: ecco come fare.

Una volta definito un custom element, che costituisce il mattone di base di un web component, ecco come aggiungere CSS e markup per abbellirlo.

Ecco come creare un web component personalizzato, con alcuni semplici esempi che ne mostrano le principali caratteristiche.

Utilizzare i Web Components in Javascsript puro, ma anche all’interno di applicazioni basate su React o Angular.js: ecco come fare.