Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[docs][joy-ui] Integrate a count-up feature to the Circular Progress #38724

Closed
wants to merge 8 commits into from

Conversation

xcode-it
Copy link
Contributor

@xcode-it xcode-it commented Aug 30, 2023

Closes #38682

@xcode-it
Copy link
Contributor Author

@siriwatknp @zanivan

@mui-bot
Copy link

mui-bot commented Aug 30, 2023

Netlify deploy preview

Bundle size report

No bundle size changes (Toolpad)
No bundle size changes

Generated by 🚫 dangerJS against 3afe116

@xcode-it xcode-it changed the title https://github.com/mui/material-ui/issues/38682 [docs][joy-ui] Integrate a count-up feature to the Circular Progress Aug 30, 2023
@zannager zannager added docs Improvements or additions to the documentation package: joy-ui Specific to @mui/joy labels Aug 30, 2023
@zannager zannager requested a review from siriwatknp August 30, 2023 13:47
@danilo-leal danilo-leal added the component: CircularProgress The React component label Aug 30, 2023
Copy link
Contributor

@danilo-leal danilo-leal left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Small copywriting suggestion ⎯ will let the rest of the folks pitch in on the demo!

@danilo-leal danilo-leal requested a review from zanivan August 30, 2023 13:53
Comment on lines 96 to 98
## Common examples

### Count up feature
Copy link
Member

@siriwatknp siriwatknp Aug 31, 2023

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
## Common examples
### Count up feature
## 3rd-party integration
### use-count-up

@danilo-leal What do you think about grouping 3rd-party libraries in h2?

We have a similar thing on input but it is h3.

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I think I'd still leave it in the Common examples, as it would be more consistent with the Input. Maybe the "Third-party integration" title works but it isn't immediately clear when compared to "Third-party formatting" (Input's case). 🤔

import CircularProgress from '@mui/joy/CircularProgress';
import Stack from '@mui/joy/Stack';
import Typography from '@mui/joy/Typography';
import * as React from 'react';
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Can you move React import to the top for codebase consistency?

import Stack from '@mui/joy/Stack';
import Typography from '@mui/joy/Typography';
import * as React from 'react';
import { useCountUp } from 'use-count-up';
Copy link
Member

@siriwatknp siriwatknp Aug 31, 2023

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Please add use-count-up to docs/package.json, then run yarn install.

@xcode-it xcode-it closed this Aug 31, 2023
@xcode-it xcode-it deleted the count-up-feature branch August 31, 2023 10:59
@xcode-it xcode-it restored the count-up-feature branch August 31, 2023 11:00
@siriwatknp
Copy link
Member

Not sure why this is close.

@xcode-it
Copy link
Contributor Author

Not sure why this is close.

branch renamed to circular-progress-count-up-feature

Not familiar with the process of creating PR's. As it's my first PR ever, and still learning... a bit confusing.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
component: CircularProgress The React component docs Improvements or additions to the documentation package: joy-ui Specific to @mui/joy
Projects
None yet
Development

Successfully merging this pull request may close these issues.

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