Developers dedicate their time while making awesome widgets in an Angular Application. They reinvest their time for producing the same widgets while working in other frameworks.

Fortunately, now we can transform all our components into angular elements which are reusable and can be used in any framework keeping the power of Angular intact. This fantastic package will help to save our time and effort.

In this workshop, we will create an Image-Slider Component and then will transform it into an Angular Element.
We will go through this code lab that will consist of three main parts:

- How to make an image-slider custom component?
- How to transform the image-slider custom component to custom element?
- How to package the component so that it works inside the browser?

You can check the codelab over here : https://angularboy.com/
and also on Google Codelabs: https://codelabs.developers.google.com/codelabs/angular-slider-element/index.html#0