sacha:spin

A Meteor package wrapper for Spin.js via Npm.depends().

---

Install

meteor add sacha:spin

Usage

Simply add the spinner to your app as you would with any other template:

{{> spinner}}

Additionally, you can configure the spinner by setting the Meteor.Spinner.options object.

1Meteor.Spinner.options = {
2    lines: 13, // The number of lines to draw
3    length: 10, // The length of each line
4    width: 5, // The line thickness
5    radius: 15, // The radius of the inner circle
6    corners: 0.7, // Corner roundness (0..1)
7    rotate: 0, // The rotation offset
8    direction: 1, // 1: clockwise, -1: counterclockwise
9    color: '#fff', // #rgb or #rrggbb
10    speed: 1, // Rounds per second
11    trail: 60, // Afterglow percentage
12    shadow: true, // Whether to render a shadow
13    hwaccel: false, // Whether to use hardware acceleration
14    className: 'spinner', // The CSS class to assign to the spinner
15    zIndex: 2e9, // The z-index (defaults to 2000000000)
16    top: 'auto', // Top position relative to parent in px
17    left: 'auto' // Left position relative to parent in px
18};