Creating Angular Components with Material Components Web

# Final Notes We looked at 2 approaches to create an Angular component from Material Web Components: 1. Simple approach using DOM manipulation 2. Advanced approach using foundations and adapters In simple approach, we simply used `MDCBanner` form `@material/banner`, and it handled rest of the things for us. In advanced approach, we used `MDCBannerFoundation` and `MDCBannerAdapter` to create a more robust component which gives more control to us. ## Live Playground Full code is available on GitHub at [Angular-Material-Dev/course-mcw-banner-angular](https://github.com/Angular-Material-Dev/course-mcw-banner-angular).

Written by Dharmen Shah

I have around 8+ years of experience in IT industry. I have got opportunity to work at different companies with different technologies, mostly focused on Front-end, like Angular, React, Next, vanilla web stack (HTML, CSS, JavaScript).

You can find me on Twitter, Linkedin and Github.

Creating Banner: Advanced Approach

Support Free Content Creation

Contributions & Support

Even though the courses and articles are available at no cost, your support in my endeavor to deliver top-notch educational content would be highly valued. Your decision to contribute aids me in persistently improving the course, creating additional resources, and maintaining the accessibility of these materials for all. I'm grateful for your consideration to contribute and make a meaningful difference!

Don't miss any update

Stay up to date

Subscribe to the newsletter to stay up to date with articles, courses and much more!

Angular Material Dev is one place stop for developers to learn about integrating Material Design in Angular applications like a pro.

Find us on X (Twitter) and LinkedIn

Content

Articles Courses Components

Service

Consultation

Legal

Terms & Conditions Privacy Policy Refund Policy