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

Add more customization options to ProgressCircle component #1065

Open
EmWa94 opened this issue Apr 2, 2024 · 0 comments
Open

Add more customization options to ProgressCircle component #1065

EmWa94 opened this issue Apr 2, 2024 · 0 comments
Labels
feature New feature or request low
Milestone

Comments

@EmWa94
Copy link

EmWa94 commented Apr 2, 2024

Description

It would be great to add more options to the ProgressCircle component (some of them may also be applied to ProgressBar 🤔 ).
These ones which are important for us are:

  • add an option to customize the progress color. Something like is implemented in Loader component, but I think that we can do it better by also adding a gradient - e.g. here
  • in addition to custom sizes 'small' | 'medium' | 'large' adding an option to it can also be a number in px to be able to set a custom size
  • add the possibility to define centred content inside as a ReactNode. e.g. here, but in our case, at least at the first step, I think that just custom content is enough, without any default content like <progress>%. This feature will probably also require a definition of background color inside (or maybe props to define it itself 🤔)

These additional props will handle a lot of extra use cases, for instance:

image

Thanks!

Design

No response

@EmWa94 EmWa94 added the feature New feature or request label Apr 2, 2024
@vladko-uxds vladko-uxds added this to the Future plans milestone Apr 2, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
feature New feature or request low
Projects
Status: Backlog
Development

No branches or pull requests

2 participants