Skip to content

Simple Polymer element to create linear gauge

License

Notifications You must be signed in to change notification settings

BBx-Kitchen/bbx-linear-gauge

Repository files navigation

project status Published on webcomponents.org

BBX Linear-gauge

Simple Polymer element to create linear gauge

Demo and API docs

How to install

bower install --save BBx-Kitchen/bbx-linear-gauge

Usage

<h3>Horizontal Gauge - Top</h3>
<bbx-linear-gauge min="0" max="100" value="50" position="top" gradients='[[0,"#A770EF"],[50,"#CF8BF3"],[100,"#FDB99B"]]'>
</bbx-linear-gauge>

<h3>Horizontal Gauge - Bottom</h3>
<bbx-linear-gauge min="0" max="100" value="50" position="bottom" gradients='[[0,"#A770EF"],[50,"#CF8BF3"],[100,"#FDB99B"]]'>
</bbx-linear-gauge>

Viewing Element

$ polymer serve --open

First, make sure you have the Polymer CLI installed. Then run polymer serve to start up a local server where you can view documentation & demos for bbx-linear-gauge

Running Tests

$ polymer test

bbx-linear-gauge is set up to be tested via web-component-tester. Run polymer test to run the test suite locally.

Contributing

Everyone is welcome to help contribute and improve this element. There are several ways you can contribute:

  • Reporting issues (please read issue guidelines)
  • Suggesting new features
  • Writing or refactoring code
  • Fixing issues