CODEWITHSUNDEEP
angularjsionic-frameworkmaterial-designmaterialize
melwinalm
melwinalm

Reputation: 51

Can I use Materialize CSS with Ionic?

I want to use Materialize CSS library along with Ionic app. Can I use it? Will it have any performance issues?

Is there any other library so that I can give a 'Material Design' feel to my app

Upvotes: 0

Views: 4449

Answers (1)

brandon-estrella-dev
brandon-estrella-dev

Reputation: 397

You can use either Materializecss or Google Material Design. Either will work fine with Ionic. Both have plenty of documentation. Assuming you're using bower -

  1. For Google MDL

    bower install material-design-lite --save

then just include the css and js in your index.html file

<link href="lib/material-design-lite/material.min.css" rel="stylesheet">
<script src="lib/material-design-lite/material.min.js"></script>

  1. For Materializecss

    bower install materialize

then include the basic files in your index.html file.

<link href="lib/materialize/dist/css/materialize.min.css" rel="stylesheet">
<script src="lib/materialize/dist/js/materialize.min.js"></script>

You may have to change the directories to the correct path of your bower installs.

Documentation on both for referring to components, css, javascript.

  1. Google MDL = https://getmdl.io/components/index.html

  2. Materializecss = http://materializecss.com/

Upvotes: 1

Related Questions