[docs][joy-ui] Add count-up integration demo to Circular Progress

[xcode-it]

Duplicates

• I have searched the existing issues

Related page

https://mui.com/joy-ui/react-circular-progress/

Kind of issue

Other

Issue description

It would be nice to integrate count-up functionality to circular progress using either one of the following packages:

• react-countup
• countup.js
• use-count-up

codesandbox

2023-08-28_13-30-27.mp4

Context 🔦

No response

[danilo-leal]

Hey there @anon-phantom, thanks for opening the issue! Would a section on the documentation suffice to point out the integration? I'm not sure if we should include any of these as a dependency of the library, but it seems something we could at least demonstrate in the docs how to do it, taking into consideration the options you provided! What do you think?

[xcode-it]

Yes, it would.

The method provided in codsandbox might be inconvenient in some cases, but I'm sure there's a workaround...

For example, if you mapped a value greater than 100

condesandbox updated to accept multiple values.

[marcpachecog]

@anon-phantom I'm with @danilo-leal, this could be easily achieved with a simple hook. I think that this use case is a very specific one and thus considering to have it built in shouldn't be the path to proceed. But that is my personal opinion.

[danilo-leal]

Cool, that's great! Well, @anon-phantom & @marcpachecog feel free to propose a PR with these doc additions + demos to demonstrate them! Make sure you tag @siriwatknp & @zanivan for a review both for the technical and design side! 🤙

[xcode-it]

created a new PR

[siriwatknp]

@anon-phantom I'm with @danilo-leal, this could be easily achieved with a simple hook. I think that this use case is a very specific one and thus considering to have it built in shouldn't be the path to proceed. But that is my personal opinion.

Agree with @marcpachecog, adding a integration demo should be sufficient.