https://github.com/cottrellio/ember-xy
Ember components lib (inspired by material design) using Ember-CSS-Modules
https://github.com/cottrellio/ember-xy
Last synced: 4 months ago
JSON representation
Ember components lib (inspired by material design) using Ember-CSS-Modules
- Host: GitHub
- URL: https://github.com/cottrellio/ember-xy
- Owner: cottrellio
- License: mit
- Created: 2018-02-20T21:14:04.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2018-02-21T03:25:18.000Z (over 8 years ago)
- Last Synced: 2025-08-26T11:42:47.380Z (10 months ago)
- Language: CSS
- Homepage: https://cottrellio.github.io/ember-xy/
- Size: 1.81 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
# ember-xy
Inspired by Material Design (MD) component-library for Ember, but this time written with [Ember-CSS-Modules](https://github.com/salsify/ember-css-modules)!
I say inspired because while a lot of the core design/ functionality comes from MD, I have taken many liberties.
Check out the [Docs with live demos](https://cottrellio.github.io/ember-xy/)!
## Why CSS Modules?
CSS Modules localizes your styles to your component (each component has it's own styles CSS file). This makes your styles a first-class citizen along side your `template.hbs` and `component.js`. This means you can easily assign styles to each component to extend or override the defaults.
Your component structure using CSS Modules:
```
/my-component
+component.js
+styles.css
+template.hbs
```
tldr; By moving your CSS into your component module, you can take control of the design while still having the heavy lifting done by the addon.
## Installation
* `git clone git@github.com:cottrellio/ember-xy.git` this repository
* `cd ember-xy`
* `npm install`
## Running
* `ember serve`
* Visit your app at [http://localhost:4200](http://localhost:4200).
## Running Tests
* `npm test` (Runs `ember 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/](https://ember-cli.com/).