# ember-ion

> Ember JS with IONIC CSS.

Latest version **0.1.4** (published 2017-03-29) · MIT license · 0 weekly downloads

> **Deprecated.** This package is deprecated.

## Install

```sh
npm install ember-ion
pnpm add ember-ion
yarn add ember-ion
bun add ember-ion
```

## Health

**Score 10/100 (F)** — status: deprecated.

Negative: deprecated.

## Facts

| | |
|---|---|
| Version | 0.1.4 |
| Published | 2017-03-29 |
| First published | 2017-03-28 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Node | >= 0.12.0 |
| Dependencies | 4 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | AALA Solutions |
| Maintainers | aalasolutions |
| Keywords | ember-addon, ember ion, ember ionic components |

## Links

- npm: https://www.npmjs.com/package/ember-ion
- Repository: https://github.com/aalasolutions/ember-ion
- Homepage: https://github.com/aalasolutions/ember-ion#readme
- Issues: https://github.com/aalasolutions/ember-ion/issues
- npm.io page: https://npm.io/package/ember-ion

## Dependencies (4)

- [ember-cli-sass](https://npm.io/package/ember-cli-sass.md) 6.1.2
- [ember-cli-babel](https://npm.io/package/ember-cli-babel.md) ^5.1.7
- [ember-cli-htmlbars](https://npm.io/package/ember-cli-htmlbars.md) ^1.0.10
- [ember-cli-htmlbars-inline-precompile](https://npm.io/package/ember-cli-htmlbars-inline-precompile.md) ^0.3.3

## Recent versions

- 0.1.4 (latest) — 2017-03-29
- 0.1.3 — 2017-03-28
- 0.1.2 — 2017-03-28
- 0.1.1 — 2017-03-28
- 0.1.0 — 2017-03-28

## README

[![Latest NPM release][npm-badge]][npm-badge-url]
[![TravisCI Build Status][travis-badge]][travis-badge-url]
[![Test Coverage][coveralls-badge]][coveralls-badge-url]
[![Code Climate][codeclimate-badge]][codeclimate-badge-url]
[![Ember Observer Score][ember-observer-badge]][ember-observer-badge-url]
[![License][license-badge]][license-badge-url]
[![Dependencies][dependencies-badge]][dependencies-badge-url]
[![Dev Dependencies][devDependencies-badge]][devDependencies-badge-url]


[npm-badge]: https://img.shields.io/npm/v/ember-ion.svg
[npm-badge-url]: https://www.npmjs.com/package/ember-ion
[travis-badge]: https://img.shields.io/travis/aalasolutions/ember-ion/master.svg?label=TravisCI
[travis-badge-url]: https://travis-ci.org/aalasolutions/ember-ion
[circle-badge]: https://circleci.com/gh/aalasolutions/ember-ion/tree/master.svg?style=svg&circle-token={{CIRCLE_TOKEN}}
[circle-badge-url]: https://circleci.com/gh/aalasolutions/ember-ion/tree/master
[coveralls-badge]: https://coveralls.io/repos/github/aalasolutions/ember-ion/badge.svg?branch=master
[coveralls-badge-url]: https://coveralls.io/github/aalasolutions/ember-ion?branch=master
[codeclimate-badge]: https://img.shields.io/codeclimate/github/aalasolutions/ember-ion.svg
[codeclimate-badge-url]: https://codeclimate.com/github/aalasolutions/ember-ion
[ember-observer-badge]: http://emberobserver.com/badges/ember-ion.svg
[ember-observer-badge-url]: http://emberobserver.com/addons/ember-ion
[license-badge]: https://img.shields.io/npm/l/ember-ion.svg
[license-badge-url]: LICENSE.md
[dependencies-badge]: https://img.shields.io/david/aalasolutions/ember-ion.svg
[dependencies-badge-url]: https://david-dm.org/aalasolutions/ember-ion
[devDependencies-badge]: https://img.shields.io/david/dev/aalasolutions/ember-ion.svg
[devDependencies-badge-url]: https://david-dm.org/aalasolutions/ember-ion#info=devDependencies

# ember-ion
Highly Unstable at this moment. Please don't use

## Configuration
Set in environment.js

### Theme Settings

To set the theme from IOS, Material Design (Android) or Windows Phone. Use one of 'ios', 'md' or 'wp'

```ecmascript 6
ion: {
  theme:'ios'; // ios; md; wp;
}

```

## Usage

### {{ion-toggle}}

Toggle Switch, it will return true or false.

#### checked `required` 
Checked Toggle value, `true` or `false`

#### accent `optional`
What color or accent of the toggle is used

following accents are supoorted

 - danger
 - secondary
 
#### action `optional`
It will run the action provided to component. By default only 
1 parameter will be passed but if name is also provided, 
it will be sent as second argument 

#### name `optional`
It is only used to return value back to callback function
 
##### Sample Usage

```handlebars
{{ion-toggle checked=a action="prompt" name="allow_edits"}} {{a}} 
{{ion-toggle checked=b accent="danger"}} {{b}}
{{ion-toggle checked=c accent="secondary"}} {{c}}
```

---
_Source: https://npm.io/package/ember-ion · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._