1. Overview

In this coding activity, you'll learn how to build web components using Angular elements. You'll create a custom element, a search bar. The finished element will look something like this:

You will be able to use it simply like:

            <ng-search-bar></ng-search-bar>
        

We will cover each topic like web component specifications, creating a custom element, Angular elements, and use those to create web components in Angular.

Let us start by looking at the pre-requisites for getting started with creating your first web component in Angular.