react-circular-progressbar
react-circular-progressbar copied to clipboard
Add action on click
🚀 Feature request
Add action on click
Hey, I'm developing timer progress bar and I want to give an action after the completion of set timer or when User clicks on it.
I tried adding onClick and it's not invoking the method. It would be better if you make an feature to enable interaction or disable it.
Yeah, this makes sense to me. I can take a look at some point, but PRs are welcome.
I would like to add on to this feature request. In the scenario where we have multiple paths in a single circular progress bar, it would be great to add an action to each of those paths.
I added an action.. below is my code
const timerView = !isAlreadyVisitedItem && ( <div onClick={() => this.nextItemClick(true)}> <CircularProgress> <ChangingProgressProvider value={progressCurrentValue}> {percentage => ( <CircularProgressbar value={percentage} minValue={0} maxValue={30} styles={buildStyles({ pathTransitionDuration: 1, pathColor: "white",//turquoise //trailColor: "gold", })} /> )} </ChangingProgressProvider> </CircularProgress> </div> );
+1 for adding on click
+1 for adding on click
+1