How to use Materialize CSS in Angular application

ByAnkush Jain| Last Updated On Friday, Feb 01, 2019

Angular

Disclaimer: I am a consultant at Amazon Web Services, and this is my personal blog. The opinions expressed here are solely mine and do not reflect the views of Amazon Web Services (AWS). Any statements made should not be considered official endorsements or statements by AWS.

To install Materialize in your angular app. You just need to follow 2 steps.

1. Install the materialize-css node package in your application.

   npm install materialize-css --save
   

   Bash

   Copy

   This will install Materialize CSS.

2. Open angular.json file & add below styles & scripts.

   "styles": [
             "./node_modules/materialize-css/dist/css/materialize.css",
           ],
   "scripts": [
             "./node_modules/materialize-css/dist/js/materialize.js"
           ]
   

   JavaScript

   Copy

3. You are done. Now re-run your application.