lholmquist / ember-ionic

Ember Components that use the Ionic project's CSS

Ember-Ionic

Ember Components that use the Ionic project's CSS.

Installation

ember install:addon ember-ionic

Usage

See demo app source for example usage.

Components & attribute lists

• ion-header
  • kind (string: "light", "stable", "positive", etc.)
• ion-footer
  • kind (string: "light", "stable", "positive", etc.)
• ion-content
  • header (boolean)
  • footer (boolean)
• ion-list
  • inset (boolean)
• ion-item or ion-list-item
  • 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
  • kind (string: "light", "stable", "positive", etc.)
  • block (boolean)
  • full (boolean)
  • small (boolean)
  • large (boolean)
  • outline (boolean)
  • clear (boolean)
• ion-button-bar
• ion-toggle
  • checked (boolean)
• ion-checkbox
  • checked (boolean)

Helpers

• ion-icon
  • {{ion-icon "star"}}

Don't see something you need? Please help out by submitting a PR!