Creating Angular Components with Material Components Web
menu Creating Angular Components with Material Components Web share Share

Creating Angular Components with Material Components Web

# Overview ## TL;DR If you're simply interested in code, it's available on GitHub at [Angular-Material-Dev/course-mcw-banner-angular](https://github.com/Angular-Material-Dev/course-mcw-banner-angular). ## Material Web Components [Material Web Components](https://m2.material.io/components?platform=web) is a collection of pre-designed and pre-styled web components that follow the guidelines and design principles of Google's Material Design. These components provide a consistent and visually appealing user interface for web applications. This approach is useful when there is no official Angular component available for Material Design, but you want to have it in your application. For example [banners](https://m2.material.io/components/banners). In this approach, we will learn 2 ways to create components in Angular: 1. Simple approach using DOM manipulation 2. Advanced approach using foundations and adapters
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!

potted_plant Help me Grow
Envelop
Don't miss any update

Stay up to date

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

Subscribe
Angular Material Dev

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)