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

Creating Angular Components with Material Components Web

# Setting up the project 1. Let’s first install the Angular CLI: ```bash npm i -g @angular/cli ``` 2. Next, create a new Angular Project with SCSS, no-testing framework and with standalone mode: ```bash ng new my-app --style=scss --defaults --skip-tests --style scss --standalone ``` 3. Remove all content from `src/app/app.component.html` 4. Included needed external assets in `src/index.html`. These are needed for Material Components Web to work as expected: ```html ``` 5. Install 3rd party libraries in the project: ```bash npm i @material/banner @material/button @material/ripple ```
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)