https://github.com/ebryn/ember-ionic
Ember Components that use the Ionic project's CSS
https://github.com/ebryn/ember-ionic
Last synced: about 1 year ago
JSON representation
Ember Components that use the Ionic project's CSS
- Host: GitHub
- URL: https://github.com/ebryn/ember-ionic
- Owner: ebryn
- License: mit
- Created: 2015-04-02T06:44:47.000Z (about 11 years ago)
- Default Branch: master
- Last Pushed: 2015-06-18T17:47:04.000Z (almost 11 years ago)
- Last Synced: 2025-04-14T16:13:51.078Z (about 1 year ago)
- Language: JavaScript
- Homepage:
- Size: 249 KB
- Stars: 92
- Watchers: 9
- Forks: 14
- Open Issues: 10
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
- awesome-ionic - ebryn/ember-ionic
README
# Ember-Ionic
Ember Components that use the Ionic project's CSS.
## Installation
`ember install ember-ionic`
## Usage
See [demo app source](https://github.com/ebryn/ember-ionic/blob/master/tests/dummy/app/templates/application.hbs) for example usage.
## Components & attribute lists
* [ion-header](http://ionicframework.com/docs/components/#header)
* kind (string: "light", "stable", "positive", etc.)
* [ion-footer](http://ionicframework.com/docs/components/#footer)
* kind (string: "light", "stable", "positive", etc.)
* [ion-content](http://ionicframework.com/docs/components/#content)
* header (boolean)
* footer (boolean)
* [ion-list](http://ionicframework.com/docs/components/#list)
* inset (boolean)
* [ion-item](http://ionicframework.com/docs/components/#list) or [ion-list-item](http://ionicframework.com/docs/components/#list)
* toggle (boolean)
* checkbox (boolean)
* radio (boolean)
* select (boolean)
* input (boolean)
* divider (boolean)
* icon-left (boolean)
* icon-right (boolean)
* button-left (boolean)
* button-right (boolean)
* avatar (boolean)
* thumbnail-left (boolean)
* thumbnail-right (boolean)
* [ion-button](http://ionicframework.com/docs/components/#buttons)
* kind (string: "light", "stable", "positive", etc.)
* block (boolean)
* full (boolean)
* small (boolean)
* large (boolean)
* outline (boolean)
* clear (boolean)
* [ion-button-bar](http://ionicframework.com/docs/components/#button-bar)
* [ion-toggle](http://ionicframework.com/docs/components/#toggle)
* checked (boolean)
* [ion-checkbox](http://ionicframework.com/docs/components/#checkbox)
* checked (boolean)
## Helpers
* [ion-icon](http://ionicframework.com/docs/components/#icons)
* `{{ion-icon "star"}}`
_Don't see something you need? Please help out by submitting a PR!_