react-countdown-circle-timer
Advanced tools
Changelog
updateInterval
is added to control how often the timer should be updatedcolorsTime
is added to handle the times when a color should switch to the next color. This was part of the colors
prop beforeisSmoothColorTransition
indicates if the colors should smoothly transition to the next color or just change the color when the time comesonUpdate
will fire every time the time changescolors
prop now is either: Single color in any valid color format or URL to a gradient; Array of colors in HEX format. At least 2 colors should be provided.isLinearGradient
and gradientUniqueKey
are now deprecated. The gradient can be set from outside of the component. Please refer to the recipes section.ariaLabel
and renderAriaTime
are also deprecated. Refer to the recipes section to check how this can be implemented.children
prop now accepts only a render function and it does not take a React component as a childrenAnimatedPath
to animate the SVG path but instead it uses the animation event loop from use-elapsed-time
. Thus now both packages - web and mobile share the same core logic to animate the path. Performance comparison shows that the later approach is much more performant.