# ACTIVITY 8: Angular Components

**ACTIVITY 8:**

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1726658182978/d849bde7-b0a5-449e-9653-0261300782de.png align="center")

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1726658192706/7ab3b992-28fd-450d-bd5d-e465f343acdd.png align="center")

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1726658203059/cc5f7f91-f09d-425f-831e-54b99ff34fee.png align="center")

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1726658217879/57548cbf-4d30-4980-92d9-795e047d6db9.png align="center")

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1726658227630/1d968894-1c5f-4449-919f-b87ece7d2c09.png align="center")

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1726658240317/4215662d-65ff-4094-a33c-e8b90876c18e.png align="center")

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1726658253278/dcc12ef5-e295-4e00-a6d7-8614304e0dd5.png align="center")

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1726658267244/13def110-3bb4-41ec-9faf-060e1d789e9d.png align="center")

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1726658279967/4a83ed63-2304-4c2d-acf8-80c53b07b40c.png align="center")

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1726658294189/418cf658-71ef-4524-bf74-5d7a49806c5d.png align="center")

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1726658322277/a47be305-d635-45f5-9b57-b1ee6ad06150.png align="center")

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1726658520893/b1e75b6a-418c-4385-9296-9b0fca5479fd.png align="center")

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1726658564135/e02d589a-2ffc-42db-952b-1e6f6058aa8e.png align="center")

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1726658605627/2fa3ee29-3aaa-4deb-ba8a-e0c776bd4be2.png align="center")

[Sample Output](https://github.com/rodrigoramaryjoy123/ActivityComponents)

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1726671804074/ae0676f7-cc7e-4d36-a68e-d8abdba57d27.png align="center")

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1726671832720/85fb1a5d-4bf4-4381-9654-4b8235521fd8.png align="center")

[https://github.com/rodrigoramaryjoy123/ActivityComponents](https://github.com/rodrigoramaryjoy123/ActivityComponents)