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.

Explore Ember Paper docs »

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

• Contributors can often be found on the #e-paper channel on discord.

• 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 cloning ember-paper as if it were an application and running ember server.

Contributing

This is an 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 Discord.

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.36

• #1201 BREAKING - update blocking dependencies and codebase
  • Requires ember version >=3.20.0 < 4.0.0.
  • Updated ember-basic-dropdown and ember-power-select to latest versions which use glimmer components. Will be breaking for applications with custom components that extend paper-select or paper-autocomplete.