# flip-number-element

> Polymer 3 element implement number-flip

Latest version **1.0.3** (published 2019-07-08) · ISC license · 0 weekly downloads

## Install

```sh
npm install flip-number-element
pnpm add flip-number-element
yarn add flip-number-element
bun add flip-number-element
```

## 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.3 |
| Published | 2019-07-08 |
| First published | 2019-07-08 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 2 |
| Unpacked size | 148.5 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 1 |
| Author | EnriqueLC |
| Maintainers | enriquelc |
| Keywords | polymer3, flip-number, number-flip |

## Links

- npm: https://www.npmjs.com/package/flip-number-element
- Repository: https://github.com/Enrique199413/flip-number-element
- Homepage: https://github.com/Enrique199413/flip-number-element#readme
- Issues: https://github.com/Enrique199413/flip-number-element/issues
- npm.io page: https://npm.io/package/flip-number-element

## Dependencies (2)

- [number-flip](https://npm.io/package/number-flip.md) ^1.0.30
- [@polymer/polymer](https://npm.io/package/@polymer/polymer.md) ^3.0.0

## Alternatives

- [random-seedable](https://npm.io/package/random-seedable.md) — 27.9K weekly downloads
- [n2words](https://npm.io/package/n2words.md) — 22.2K weekly downloads
- [@stdlib/math-base-special-factorialln](https://npm.io/package/@stdlib/math-base-special-factorialln.md) — 5.7K weekly downloads
- [@stdlib/math-base-special-abs2](https://npm.io/package/@stdlib/math-base-special-abs2.md) — 1.7K weekly downloads
- [commons-math-interpolation](https://npm.io/package/commons-math-interpolation.md) — 1.4K weekly downloads

## Recent versions

- 1.0.3 (latest) — 2019-07-08
- 1.0.2 — 2019-07-08
- 1.0.1 — 2019-07-08
- 1.0.0 — 2019-07-08

## README

# \<flip-number-element\>

[![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg)](https://www.webcomponents.org/element/owner/my-element)

Polymer 3 element implement [number-flip](https://github.com/gaoryrt/number-flip) from @gaoryrt

## Demo

See: [Demo](https://www.webcomponents.org/element/flip-number-element/demo/demo/index.html).

### In a Polymer 3 element
```js
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 property | Description | Default
 ----------------|-------------|----------
 `--flip-number-element-color` | Color of the base text | #000
 `--flip-number-element-style` | Mixin applied to the flip | `{}`

## Install the Polymer-CLI

First, make sure you have the [Polymer CLI](https://www.npmjs.com/package/polymer-cli) and npm (packaged with [Node.js](https://nodejs.org)) 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](https://github.com/Polymer/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](https://github.com/gaoryrt/number-flip)

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