Miss any of our Open RFC calls?Watch the recordings here! »

@manufosela/circle-percent

2.2.2 • Public • Published

circle-percent

circle-percent Published on webcomponents.org

Lit-Element web component configurable to show a circle percent and title.

Demo

circle-percent codepen demo

<h3>Basic circle-percent demo default</h3>
<circle-percent></circle-percent>

<h3>Circle-percent demo 2</h3>
<circle-percent percent="70" radio="200" title="circle percent 70% radio=200px"></circle-percent>

<h3>Circle-percent demo 3</h3>
<circle-percent percent="60" swidth="10" scolor="#F93" title="circle percent 60% radio=200px color=#F93"></circle-percent>
<h3>Basic circle-percent demo default</h3>
<circle-percent></circle-percent>
 
<h3>Circle-percent demo 2</h3>
<circle-percent percent="70" radio="200" title="circle percent 70% radio=200px"></circle-percent>
 
<h3>Circle-percent demo 3</h3>
<circle-percent percent="60" swidth="10" scolor="#F93" title="circle percent 60% radio=200px color=#F93"></circle-percent>

CSS Variables

--inf-font-size --inf-font-family

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

Build

$ npm run build

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

Author

License

This project is licensed under Apaceh 2.0 License - see the LICENSE file for details

Install

npm i @manufosela/circle-percent

DownloadsWeekly Downloads

12

Version

2.2.2

License

MIT

Unpacked Size

278 kB

Total Files

13

Last publish

Collaborators

  • avatar