# Ember-cli-materialize

**URL:** <https://discuss.emberjs.com/t/ember-cli-materialize/10562>\
**Category:** Ember CLI\
**Created:** [April 28, 2016, 2:52am UTC](https://discuss.emberjs.com/t/ember-cli-materialize/10562 "2016-04-28T02:52:57Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![benhunt29](https://avatars.discourse-cdn.com/v4/letter/b/6f9a4e/32.png) [@benhunt29](https://discuss.emberjs.com/u/benhunt29)\
**Post date:** [April 28, 2016, 2:52am UTC](https://discuss.emberjs.com/t/ember-cli-materialize/10562/1 "2016-04-28T02:52:57Z")

</div>

Alright, I’m about to pull my hair out here trying to get ember-cli-materialize to work. I cannot for the life of me seem to get the icons to display. I’ve tried importing the material-design icons through bower and just by including it in the header. I can get the icons to show up in normal html icons but they won’t display in the ember-cli-materialize components.

so this works:

```nohighlight
<i class="material-icons">menu</i>

```

but this doesn’t

```nohighlight
{{md-btn text='Button'
icon='mdi-action-favorite'
action='debug'
class='deep-purple darken-3'}}

```

Here’s my ember-cli-build:

```javascript
module.exports = function(defaults) {
  var app = new EmberApp(defaults, {
    // Add options here
    outputPaths: {
      app: {
        html: 'index.html',
        css: {
            'app': cssPath + 'ui.css'
        },
        js: jsPath + 'ui.js'
      },
      vendor: {
        css: cssPath + 'vendor.css',
        js: jsPath + 'vendor.js'
      }
    },
    sassOptions: {
      includePaths: [
        'bower_components',
        'bower_components/materialize/sass',
        'node_modules/ember-cli-materialize'
      ]
    }
  });

```

and my app.scss

```javascript
// Fix for Roboto font path
$roboto-font-path: '../';

// Materialize styles
@import 'materialize';

// ember-cli-materialize styles
@import 'ember-cli-materialize';

```

I’m using ember-cli-materialize 0.19.5 and ember 2.5.0. Any help is greatly appreciated!

---

<div class="post-metadata">

**Author:** ![indieNik](https://sea1.discourse-cdn.com/flex019/user_avatar/discuss.emberjs.com/indienik/32/12928_2.png) [@indieNik](https://discuss.emberjs.com/u/indieNik)\
**Post date:** [February 27, 2017, 8:02pm UTC](https://discuss.emberjs.com/t/ember-cli-materialize/10562/2 "2017-02-27T20:02:40Z")

</div>

I was missing this code in my **ember-cli-build.js** file sassOptions: { includePaths: [‘bower\_components/materialize/sass’] }

I then re-started my server **ember s** to get it working!

Hope that helps 🙂

PS: _This [link](https://lawatlife.wordpress.com/2016/01/25/how-to-use-materialize-in-ember/) opened up my eyes!_