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 37 Forks MIT License 55 Commits 6 Opened issues

Description

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

Services available

!
?

Need anything else?

Contributors list

# 16,290
GraphQL
dateran...
datetim...
graphql...
36 commits
# 610,672
CSS
HTML
2 commits
# 514,657
HTML
CSS
2 commits
# 22,895
ionic
golang
google-...
Dart
1 commit
# 652,281
CSS
HTML
1 commit
# 78,400
Angular
MongoDB
Express
Babel
1 commit
# 16,945
TypeScr...
JavaScr...
Angular
Mongoos...
1 commit
# 701,558
CSS
HTML
1 commit
# 269,192
CSS
Docker
HTML
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.