Spin.js wrapper for ember.js
JavaScript HTML CSS
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
.circleci
addon/components
app
config
tests
.editorconfig
.ember-cli
.eslintignore
.eslintrc.js
.gitignore
.npmignore
.watchmanconfig
CNAME
LICENSE.md
README.md
ember-cli-build.js
index.js
package.json
testem.js
yarn.lock

README.md

Ember-cli Spinjs

CircleCI Ember Observer Score Code Climate npm version Greenkeeper badge

Install

In the root of your ember-cli project directory, run:

  ember install ember-cli-spinjs

Usage

Now you in your templates you can use {{ember-spinner}} to add a spinner to your page.

View Demo

{{ember-spinner}}

Default

With a config file

{{ember-spinner config='standard'}}

Add two folders to your app the first called config and in that folder another called ember-spinner with a file called standard.js

export default {
  color:  'blue',
  lines:  10,
  length: 30,
  zIndex: 200000
}
{{ember-spinner lines=11 length=16 radius=30 width=8 rotate=10 speed='1.1' color="#ffc52e"}}

Spinning Lines

{{ember-spinner lines=18 radius=10 width=5 rotate=0 speed="3.4" color='blue'}}

Fast spinning blue dots.

Dependencies

Spin.js

The Spin.js docs jQuery is no longer a dependency

Linting

  • npm run lint:js
  • npm run lint:js -- --fix

Running tests

  • ember test – Runs the test suite on the current Ember version
  • ember test --server – Runs the test suite in "watch mode"
  • ember try:each – Runs the test suite against multiple Ember versions

Running the dummy application

For more information on using ember-cli, visit https://ember-cli.com/.

License

This project is licensed under the MIT License.