Angular Elements feature is available with @angular/elements package.

The @angular/elements package exports a createCustomElement() method that can be used to transform Angular Component as Custom Element. It provides a bridge from Angular’s component interface and changes detection functionality to the built-in DOM API.

In this article, we will see how to create custom web components / custom elements using angular elements with an example.

We will build one framework-vote custom element, where user an give Up vote and Down Vote, user can customize the title and logo for different framework.

We will use this custom element in external HTML file.