In this chapter, we are going to explore the Custom Elements specification in the Web Components set. You will learn what custom elements are, how to create them, and what the life cycle for custom elements is. We are then going to build a new web component for our collection.
What Are Custom Elements?
Custom Elements is a mechanism that web developers can use to create new HTML tags. We can create our tags by using the CustomElementRegistry object. For example, we can define a random-icon-placeholder, as in Listing 2-1.
class randomIconPlaceholder extends HTMLElement {
constructor(){...}
}
