# Ionic material design lite breaking code

**URL:** <https://forum.ionicframework.com/t/ionic-material-design-lite-breaking-code/30816>\
**Category:** ionic-v1\
**Created:** [August 19, 2015, 11:34pm UTC](https://forum.ionicframework.com/t/ionic-material-design-lite-breaking-code/30816 "2015-08-19T23:34:46Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![madibaion](https://avatars.discourse-cdn.com/v4/letter/m/e36b37/32.png) [@madibaion](https://forum.ionicframework.com/u/madibaion)\
**Post date:** [August 19, 2015, 11:34pm UTC](https://forum.ionicframework.com/t/ionic-material-design-lite-breaking-code/30816/1 "2015-08-19T23:34:46Z")

</div>

Just downloaded these awesome theme from the ionic store ionic material design theme, (which is free thnx james brown ) , but as nothing cant be that easy  
i get this error ,no module ‘ionic-material’ cannot be found  
but i include the js and css in the head section ,also have the component in my lib files ,so definetly not missing

can anyone help

---

<div class="post-metadata">

**Author:** ![Gajotres](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/gajotres/32/98564_2.png) [@Gajotres](https://forum.ionicframework.com/u/Gajotres)\
**Post date:** [August 20, 2015, 7:12am UTC](https://forum.ionicframework.com/t/ionic-material-design-lite-breaking-code/30816/2 "2015-08-20T07:12:39Z")

</div>

A simple advice, follow plugin GitHub installation procedure: [https://github.com/delta98/ionic-material-design-lite](https://github.com/delta98/ionic-material-design-lite)

If you’re still receiving that error, open an error ticket at provided GitHub link.

---

<div class="post-metadata">

**Author:** ![madibaion](https://avatars.discourse-cdn.com/v4/letter/m/e36b37/32.png) [@madibaion](https://forum.ionicframework.com/u/madibaion)\
**Post date:** [August 20, 2015, 8:48am UTC](https://forum.ionicframework.com/t/ionic-material-design-lite-breaking-code/30816/3 "2015-08-20T08:48:55Z")

</div>

Yh ,i did follow the steps , but went with the manual procedure , thus including the js and css file to head section  
,the error occur when i inject ionic-material into the app dependecies , even withstanding my problem , cloning the repository ,and running the demo app provide by james , fails ,throwing the exact same error , but realise removing the ionic-material from list of app dependecies seem to work , except the html component dont behave as expected ,like my h2 getting big in size and …

---

<div class="post-metadata">

**Author:** ![delta98](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/delta98/32/77248_2.png) [@delta98](https://forum.ionicframework.com/u/delta98)\
**Post date:** [August 20, 2015, 2:54pm UTC](https://forum.ionicframework.com/t/ionic-material-design-lite-breaking-code/30816/4 "2015-08-20T14:54:15Z")

</div>

Hi @madibaion,

When you say you are adding `ionic-material`. Is that to your app module dependencies? Because you don’t need to do that. This project uses the `ionic` namespace, so it really should be a “drop-in” of the JS and CSS files.

When you say the HTML elements aren’t behaving as expected are you referencing the files from the `dist` folder in `bower_components` ?

---

<div class="post-metadata">

**Author:** ![madibaion](https://avatars.discourse-cdn.com/v4/letter/m/e36b37/32.png) [@madibaion](https://forum.ionicframework.com/u/madibaion)\
**Post date:** [August 20, 2015, 3:24pm UTC](https://forum.ionicframework.com/t/ionic-material-design-lite-breaking-code/30816/5 "2015-08-20T15:24:04Z")

</div>

Yh i load the component from the distribution folder , oh and adding the ioni-material dep was an error on part, i read the demo project before reading the doc on github, you might wanna take it out , as (‘ionic-material’, 'ionic-md-input" ) are included in the demo app - app module dependencies  
Since official release it slated to august 31 am going refrain from ,running with with the theme until the release date

---

<div class="post-metadata">

**Author:** ![delta98](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/delta98/32/77248_2.png) [@delta98](https://forum.ionicframework.com/u/delta98)\
**Post date:** [August 20, 2015, 3:41pm UTC](https://forum.ionicframework.com/t/ionic-material-design-lite-breaking-code/30816/6 "2015-08-20T15:41:31Z")

</div>

Which demo are you referencing, because that’s not the same one here: [https://github.com/delta98/ionic-material-design-lite/tree/master/demo](https://github.com/delta98/ionic-material-design-lite/tree/master/demo)

---

<div class="post-metadata">

**Author:** ![madibaion](https://avatars.discourse-cdn.com/v4/letter/m/e36b37/32.png) [@madibaion](https://forum.ionicframework.com/u/madibaion)\
**Post date:** [August 20, 2015, 4:36pm UTC](https://forum.ionicframework.com/t/ionic-material-design-lite-breaking-code/30816/7 "2015-08-20T16:36:01Z")

</div>

wow , cant believe this , my bad i was using wrong library , i was using ionic material ,it in the same folder ,too many file 😊

---

<div class="post-metadata">

**Author:** ![delta98](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/delta98/32/77248_2.png) [@delta98](https://forum.ionicframework.com/u/delta98)\
**Post date:** [August 20, 2015, 5:15pm UTC](https://forum.ionicframework.com/t/ionic-material-design-lite-breaking-code/30816/8 "2015-08-20T17:15:22Z")

</div>

I’d appreciate an update on the market place comment 🙂

---

<div class="post-metadata">

**Author:** ![madibaion](https://avatars.discourse-cdn.com/v4/letter/m/e36b37/32.png) [@madibaion](https://forum.ionicframework.com/u/madibaion)\
**Post date:** [August 21, 2015, 9:47am UTC](https://forum.ionicframework.com/t/ionic-material-design-lite-breaking-code/30816/9 "2015-08-21T09:47:27Z")

</div>

done [i have enter atleast 20 character 😄]

---

<div class="post-metadata">

**Author:** ![sathishsundaram](https://avatars.discourse-cdn.com/v4/letter/s/8edcca/32.png) [@sathishsundaram](https://forum.ionicframework.com/u/sathishsundaram)\
**Post date:** [August 22, 2015, 7:20am UTC](https://forum.ionicframework.com/t/ionic-material-design-lite-breaking-code/30816/10 "2015-08-22T07:20:50Z")

</div>

want to pligin calender and date in material design lite. #help

---

<div class="post-metadata">

**Author:** ![madibaion](https://avatars.discourse-cdn.com/v4/letter/m/e36b37/32.png) [@madibaion](https://forum.ionicframework.com/u/madibaion)\
**Post date:** [August 29, 2015, 1:59pm UTC](https://forum.ionicframework.com/t/ionic-material-design-lite-breaking-code/30816/11 "2015-08-29T13:59:07Z")

</div>

@sathishsundaram can u explain further i dont understand what u mean ☹
