[LinearProgress] Add more classes keys
See original GitHub issueThere are some useful classes that could be easily added along with a potential class rename to avoid confusion
- This is not a v0.x issue.
- I have searched the issues of this repository and believe that this is not a duplicate.
Expected Behavior 🤔
There should be a way to configure classes for the root element when variant="determinate"
, variant="indeterminate"
or variant="query"
as well as a way to configure classes for both bar1 & bar2 elements when variant="indeterminate"
or variant="query"
.
Example:
const styles = {
barDeterminate: { /* May be less confusing than bar1Determinate */
backgroundColor: "green"
},
barIndeterminate: { /* As an option to avoid using both bar1Indeterminate AND bar2Indeterminate */
backgroundColor: "green"
},
determinate: {
backgroundColor: "green"
},
indeterminate: {
backgroundColor: "green"
}
}
Current Behavior 😯
The above classes do nothing when passed in to the classes
prop.
Examples 🌈
Issue Analytics
- State:
- Created 5 years ago
- Reactions:1
- Comments:6 (3 by maintainers)
Top Results From Across the Web
React MUI LinearProgress API - GeeksforGeeks
n this article, we will discuss the React MUI LinearProgress API. ... classes(object): This overrides the existing styles or adds new styles ...
Read more >Linear Progress Indicator In Flutter | by vikas tiwari - FlutterDevs
In the following code, we have created a class ProgressIndicator and used LinearProgressIndicator without passing any value.
Read more >LinearProgressIndicator class - material library - Dart API
A widget that shows progress along a line. There are two kinds of linear progress indicators: Determinate. Determinate progress indicators have a specific ......
Read more >Is there a way to create a button with a linear progress within it ...
I've forked that example and added a button that has LinearProgress ... {loading && ( <LinearProgress color="secondary" className={classes.
Read more >Overriding `LinearProgress`'s `bar2Determinate` styles not ...
js:36 Warning: Material-UI: the key bar2Determinate provided to the classes property is not implemented in LinearProgress . You can only ...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
@alxsnchez Sure, you can go ahead 😃.
@oliviertassinari has rewarded $54.00 to @alxsnchez. See it on IssueHunt