Go for Materialize. I don’t know why people downvoted your question. It is a legitimate question. And though Angular Material looks like a more attractive choice as it has the famous word “Angular” in its name. But it is definitely not the right choice. It may have better integration with angular but a good programmer … Read more
Add the class of “cyan-text” & “text-darken-4” to the . <i class=”large material-icons cyan-text text-darken-4″>note_add</i>
According to the Docs on Materialize Forms: In addition, you will need a separate call for any dynamically generated select elements your page generates So the best way is to just re-bind the generated select with an additional call to .material_select(). For re-usability, you can set up a listener when the elements have changed and … Read more
Materialize is not based on Bootstrap nor just a “visual layer”, using both frameworks may lead to a lots of incompatibilities or at least overlap a lot as most of their functionalities are redundant (grids, menus, icons, etc). I personally use this project Bootstrap material design which is a theme for Bootstrap and works very … Read more
Since I use CSS Modules, importing materialize css would scope it to that particular component. So I did the following Step 1) install materialise npm install materialize-css@next Step 2) in index.html <!–Import Google Icon Font–> <link href=”https://fonts.googleapis.com/icon?family=Material+Icons” rel=”stylesheet”> <!– Compiled and minified CSS –> <link rel=”stylesheet” href=”https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0-alpha.3/css/materialize.min.css”> Step 3) import materialise.js in whichever component its … Read more
I had the same issue for the longest time but found a solution that worked for me. First, give a custom class to the icon you want to center. Then, add a bottom vertical align and a font-size that matches or is smaller than the text it is placed next to. Also, don’t specify icon … Read more
Because they override the browser default, the select styling needs Javascript to run. You need to include the Materialize Javascript file, and then call $(document).ready(function() { $(‘select’).formSelect(); // Old way // $(‘select’).material_select(); }); after you’ve loaded that file.
Method 2. Self hosting Developer Guide Download the latest release from github (assets: zip file), unzip, and copy the font folder, containing the material design icons files, into your local project — https://github.com/google/material-design-icons/releases You only need to use the font folder from the archive: it contains the icons fonts in the different formats (for multiple … Read more