ember-material-components
Google's Material Design Components for Ember JS apps
Installation
ember install ember-material-components
Using SASS
Install ember-cli-sass addon by running the following command:
ember install ember-cli-sass
app/styles/app.scss
;
Configuration
Theme Colors
Material Design Component Theme makes it easy to develop your brand colors. You override the default theme color through Sass variables or CSS custom properties.
A note about Sass variables, you need to define the three theme color variables before importing ember-material-components, like following:
With SASS
; // Purple 500 ; // Orange A200 ; // White ;
Without SASS
For more advance theming customization refer to the official mdc-theme documentation.
Running Tests
npm test
(Runsember try:each
to test your addon against multiple Ember versions)ember test
ember test --server
Building
ember build
For more information on using ember-cli, visit https://ember-cli.com/.