ember-paper

Ember Paper

This project aims to bring Google's new Material Design to Ember. The goal is to encapsulate everything possible in Ember components. This project is packaged as an Ember-cli addon.

Installation

Install the ember-cli addon in your ember-cli project:

$ ember install ember-paper

This should also automatically create an scss file under app/styles/app.scss with @import 'ember-paper'; and install ember-cli-sass.

Sass is an important part of Ember-paper. Using sass you can override default variables and easily change the default behavior of ember-paper styles.

All the components and styles are ready to use in your application templates. Navigate through the docs to understand how to use each component.

Resources

• The team can often be found on the #e-paper channel on slack. Features and designs are discussed there prior to implementation. Get your invite to Ember Community Slack here.

• The GitHub milestone issue tracks our progress to version 1.0.

• Building the ember-paper demo application will give you your own up-to-date reference. This can be accomplished by installing ember-paper as if it were an application and running ember server.

• Ready to help? Read our Contributing Guide.

Contributing

This is a very ambitious project. Google's design specs are extensive, and non-trivial to implement. If you can port or fix a component or two, please drop a pull request or issue on GitHub or join us on slack.

With everyone's help, we can bring this amazing design spec to Ember in a modular and elegant way. The Ember way.

License

This project is licensed under the MIT License.

Changelog

1.0.0-beta.8

• #924 fix css issue when paper-menu dense=true and content is scrollable
• 666f06d fix progress-circular on fastboot (fixes #927)
• #941 render md-select-header outside of md-content on paper-select when searchEnabled=true
• #954 support optional defaultHighlighted on paper-chips
• #956 don't use paper-autocomplete _innerText (fixes #932, #935 and #787)
• #943 fix defaultAttrs error for paper-virtual-repeat
• #964 make ripple touch events passive
• #962 Grid list: handle tile order and length changes