Need help with angular-spinkit?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

Urigo
194 Stars 38 Forks MIT License 55 Commits 7 Opened issues

Description

SpinKit (http://tobiasahlin.com/spinkit/) spinners for AngularJS

Services available

!
?

Need anything else?

Contributors list

# 17,828
GraphQL
graphql...
meteor
angular...
36 commits
# 616,989
CSS
HTML
2 commits
# 521,234
HTML
CSS
2 commits
# 24,629
ionic
golang
Dart
qrcode-...
1 commit
# 654,031
CSS
HTML
1 commit
# 84,684
Angular
MongoDB
Express
Babel
1 commit
# 18,899
TypeScr...
JavaScr...
Angular
Shell
1 commit
# 701,186
CSS
HTML
1 commit
# 266,759
CSS
HTML
Kuberne...
Flask
1 commit

angular-spinkit

SpinKit (https://github.com/tobiasahlin/SpinKit) spinners for AngularJS

ng2-spin-kit - SpinKit spinners for AngularJS 2.x

https://github.com/WoltersKluwerPL/ng2-spin-kit

Usage

  1. Install with bower:

    javascript
    bower install angular-spinkit --save
    
  2. Add angular-spinkit.min.js and angular-spinkit.min.css to your main file (index.html)

    html
    
    
    
  3. Set

    angular-spinkit
    as a dependency in your module
    javascript
    var myapp = angular.module('myapp', ['angular-spinkit'])
    
  4. Add rotating-plane-spinner, double-bounce-spinner, wave-spinner, wandering-cubes-spinner, pulse-spinner, chasing-dots-spinner or circle-spinner directive to the wanted element, example:

    html
    
    
    
    
    
    
    
    
    
    
    
    
  5. If you want to show the spinner while an image is loading just use the 'spinkit-image-preloader' directive: ```html <!-- The directive tries to copy dimensions from inline styles and attributes to the spinner placeholder --> Your description Your escription

<!-- Also feel free to set width/height and other properties through CSS just configure your own css-class using the 'spinkit-image-preloader-class' attribute (or use css-class by default "spinner-wrapper") --> Your description

  You can listen to the image loaded event.
javascript // in controller $scope.$on('angular-spinkit:imageLoaded'); ```
  1. Add all your requests and ideas in the issues area or send us a pull request!

Example

You can check out this live example here: http://jsfiddle.net/Urigo/638AA/18/

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.