ember-ionic

Ember Components that use the Ionic project's CSS.

Usage no npm install needed!

<script type="module">
  import emberIonic from 'https://cdn.skypack.dev/ember-ionic';
</script>

README

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

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