Skip to content

A web component for simple odometer style animated number display.

Notifications You must be signed in to change notification settings

tehapo/tehapo-odometer

Repository files navigation

<tehapo-odometer>

Simple odometer style animated number display as a Polymer-based web component.

Screenshot of tehapo-odometer

Installation

bower install tehapo-odometer --save

Usage

<style is="custom-style">
  /* Use the --tehapo-odometer-digit mixin to apply styles to individual digits. */
  tehapo-odometer {
    --tehapo-odometer-digit: {
      background: #333;
      color: #fff;
      border-radius: 4px;
      padding: 0 0.2em;
    }
  }
</style>

<tehapo-odometer value="1523294"></tehapo-odometer>

Development

Use polyserve during development as instructed in Create a reusable element article.

About

A web component for simple odometer style animated number display.

Resources

Stars

Watchers

Forks

Packages

No packages published

Languages