Creating Angular Components with Material Components Web
/ Courses 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).
Creating Banner: Advanced Approach
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
© 2024 Nexcellentia