angular-spinkit

by Urigo

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

196 Stars 37 Forks Last release: about 6 years ago (0.3.3) MIT License 55 Commits 7 Releases

Available items

No Items, yet!

The developer of this repository has not created any items for sale yet. Need a bug fixed? Help with integration? A different license? Create a request here:

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.