Package Exports

react-circle

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (react-circle) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

react-circle

Renders a svg circle + percentage. It just works

Install 🚀

$ yarn add react-circle

Usage ⛏

Basic 🙃

ReactCircle is opinionated and comes with default size and colors, just pass the progress prop to get them:

import Circle from 'react-circle';

<Circle
  progress={35}
/>

Custom 💅

Optionally, you can pass the following props and customize it as your will

import Circle from 'react-circle';

<Circle
  size={150}
  lineWidth={14}
  progress={69}
  progressColor="cornflowerblue"
  bgColor="whitesmoke"
  textColor="hotpink"
/>