1.0.3 • Published 5 years ago

flip-number-element v1.0.3

Weekly downloads
4
License
ISC
Repository
github
Last release
5 years ago

\<flip-number-element>

Published on webcomponents.org

Polymer 3 element implement number-flip from @gaoryrt

Demo

See: Demo.

In a Polymer 3 element

import {PolymerElement, html} from '@polymer/polymer';
import 'flip-number-element/flip-number-element';

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

<flip-number-element> provides the following custom properties for styling:

Custom propertyDescriptionDefault
--flip-number-element-colorColor of the base text#000
--flip-number-element-styleMixin applied to the flip{}

Install the Polymer-CLI

First, make sure you have the Polymer CLI and npm (packaged with Node.js) installed. Run npm install to install your element's dependencies, then run polymer serve to serve your element locally.

Viewing Your Element

$ polymer serve

Running Tests

$ polymer test

Your application is already set up to be tested via web-component-tester. Run polymer test to run your application's test suite locally.

Contributing

  1. Fork it!
  2. Create your feature branch: git checkout -b my-new-feature
  3. Commit your changes: git commit -am 'Add some feature'
  4. Push to the branch: git push origin my-new-feature
  5. Submit a pull request :D

Credits

Thanks to @gaoryrt number-flip

1.0.3

5 years ago

1.0.2

5 years ago

1.0.1

5 years ago

1.0.0

5 years ago