How To Install Materialize CSS In Angular

How To Install Materialize CSS In Angular

code
Colin Stodd
Angular,Materialize CSS,Tutorial
11 Oct 2018

I’ve recently been playing with Materailize CSS, and It’s beautiful. Here’s how you install it in Angular.

  1. Once you’ve created your project, open up your terminal and run: npm i materialize-css jquery --save

This installs Materailize CSS and jQuery.

  1. Open up your angular.json file and add the style and scripts.
"styles": [
  "./node_modules/materialize-css/dist/css/materialize.css",
  "src/styles.css"
],
  "scripts": [
  "./node_modules/jquery/dist/jquery.min.js",
  "./node_modules/materialize-css/dist/js/materialize.js"
]
  1. Restart your server and you should be ready to go!