# spinner-component2

> Flexible spinner using Canvas

Latest version **1.0.0** (published 2013-07-15) · 0 weekly downloads

## Install

```sh
npm install spinner-component2
pnpm add spinner-component2
yarn add spinner-component2
bun add spinner-component2
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.0 |
| Published | 2013-07-15 |
| First published | 2013-02-12 |
| Weekly downloads | 0 |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 2 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | tjholowaychuk |
| Keywords | spinner, loading, ui |

## Links

- npm: https://www.npmjs.com/package/spinner-component2
- npm.io page: https://npm.io/package/spinner-component2

## Dependencies (2)

- [raf-component](https://npm.io/package/raf-component.md) *
- [autoscale-canvas](https://npm.io/package/autoscale-canvas.md) *

## Alternatives

- [@sindresorhus/slugify](https://npm.io/package/@sindresorhus/slugify.md) — 3.7M weekly downloads
- [solid-js](https://npm.io/package/solid-js.md) — 2.7M weekly downloads
- [expo-glass-effect](https://npm.io/package/expo-glass-effect.md) — 2.5M weekly downloads
- [nanoassert](https://npm.io/package/nanoassert.md) — 780.8K weekly downloads
- [@ffmpeg/ffmpeg](https://npm.io/package/@ffmpeg/ffmpeg.md) — 529.5K weekly downloads

## Recent versions

- 1.0.0 (latest) — 2013-07-15
- 0.1.0 — 2013-02-14
- 0.0.2 — 2013-02-12

## README

# Spinner

  Flexible spinner using canvas, a fork of [godmodelabs/spinner](https://github.com/godmodelabs/spinner).

  ![js spinner component](http://i.cloudup.com/KPENz2xQbRnN7BZ.png)

  Check out the [demo](http://godmodelabs.github.com/spinner/)!

## Installation

```bash
$ component install component/spinner
```

## Example

```js
var Spinner = require('spinner');

var spinner = new Spinner;
document.body.appendChild(spinner.el);
```

## API

### Spinner#light()

  Change the spinner to the light theme.

### Spinner#font(family)

  Change the font to `family`.

### Spinner#fontSize(n)

  Change the font size to `n`.

### Spinner#size(n)

  Change the indicator diameter to `n`, defaults to 50.

### Spinner#speed(n)

  Change the speed to `n` rpm, defaults to 60.

### Spinner#stop()

  Stop the animation. This is important when removing
  the spinner, otherwise the requestAnimationFrame cycle
  will continue.

## License

  MIT

---
_Source: https://npm.io/package/spinner-component2 · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._