Add SpinKit loading spinners to your ember-cli project
npm install ember-cli-spinkitAdd SpinKit loading spinners to your ember-cli project
``bash`
ember install ember-cli-spinkit
`bash`
ember generate spinkit-
For example:
`bash`
ember generate spinkit-double-bounce
Available Spinners (Demo)
- rotating-plane
- fading-circle
- folding-cube
- double-bounce
- wave
- wandering-cubes
- pulse
- chasing-dots
- three-bounce
- circle
- cube-grid
In your template, presumably your loading.hbs, include the spinner by adding
`handlebars`
{{spinkit-double-bounce}}
Note: You can have multiple spinners in your project! You are not limited to one spinner. Simply call ember generate spinkit- multiple times.
By default the spinner color is #333.
Check the SpinKit project or use your browser's inspector to see which CSS classes you should overwrite.
Alternatively, change the color directly in the generated file vendor/ember-cli-spinkit/styles/spinkit-