As developers, we all know that reusing code as much as possible is a good idea. As the name implies, custom elements are HTML elements, like

,
or
, but something we can name ourselves that are defined via a browser API. Web Components actually consist of 4 different technologies: custom elements, HTML imports, Templates, and Shadow DOM. Great introduction!! See the Pen Then, we’ll follow that up with a discussion of custom elements and shadow DOM. Save my name, email, and website in this browser for the next time I comment. The button selector has nothing to latch onto … Template example by Caleb Williams (@calebdwilliams) With the Edge team's recent announcement of implementing Custom Elements and Shadow DOM, all major browsers will soon support web components natively. Combine them with the other new platform primitives like Shadow DOM and