Material Design circular activity indicator
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
.github
demo
test
.gitignore Tedium automated v3 element updates. Aug 16, 2018
.npmignore Tedium automated v3 element updates. Aug 16, 2018
.travis.yml
CONTRIBUTING.md [skip ci] Update contribution guide May 17, 2016
README.md Update README Jul 10, 2018
bower.json
formatconfig.json
hero.svg updated element metadata May 26, 2015
manifest.json
package-lock.json
package.json
paper-spinner-behavior.js
paper-spinner-lite.js Make strip-whitespace templates without dom-module Jul 2, 2018
paper-spinner-styles.js
paper-spinner.js
wct.conf.json

README.md

Published on NPM Build status Published on webcomponents.org

<paper-spinner>

Element providing a multiple color material design circular spinner.

See: Documentation, Demo.

Usage

Installation

npm install --save @polymer/paper-spinner

In an html file

<html>
  <head>
    <script type="module">
      import '@polymer/paper-spinner/paper-spinner.js';
    </script>
  </head>
  <body>
    <paper-spinner active></paper-spinner>
  </body>
</html>

In a Polymer 3 element

import {PolymerElement, html} from '@polymer/polymer';
import '@polymer/paper-spinner/paper-spinner.js';

class SampleElement extends PolymerElement {
  static get template() {
    return html`
      <paper-spinner active></paper-spinner>
    `;
  }
}
customElements.define('sample-element', SampleElement);

Contributing

If you want to send a PR to this element, here are the instructions for running the tests and demo locally:

Installation

git clone https://github.com/PolymerElements/paper-spinner
cd paper-spinner
npm install
npm install -g polymer-cli

Running the demo locally

polymer serve --npm
open http://127.0.0.1:<port>/demo/

Running the tests

polymer test --npm