1.0.2 • Published 6 years ago

react-animation-donut v1.0.2

Weekly downloads
-
License
ISC
Repository
-
Last release
6 years ago

A simple react donut component with animation.

Live demo with examples

https://react-animation-donut.netlify.com/

GitHub

https://github.com/babypanda111/react-animation-donut

NPM

https://www.npmjs.com/package/react-animation-donut

Usage

npm install react-animation-donut --save

In your React component:

import AnimateDonut from 'react-animation-donut';

Simple example:

<AnimateDonut
    donutData={[
        {
            color: '#00ffff',
            count: 75,
            name: 'sample 1'
        },
        {
            color: '#0080ff',
            count: 25,
            name: 'smaple 2'
        },
        {
            color: '#cc99ff',
            count: 50,
            name: 'smaple 3'
        },
    ]}
    width="200"
    height="200"
    radius="70"
    c="100"
    strokeWidth="30"
    showList
/>

Props (all optional)

PropTypeDefault
hiddenbool
widthnumber200
heightnumber200
radiusnumber80
cnumber100
strokeWidthnumber20
donutDataarray
showListbool
1.0.2

6 years ago

1.0.1

6 years ago

1.0.0

6 years ago