question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[LinearProgress] Add more classes keys

See original GitHub issue

There 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 🌈

Edit create-react-app

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Reactions:1
  • Comments:6 (3 by maintainers)

github_iconTop GitHub Comments

1reaction
oliviertassinaricommented, Dec 5, 2018

@alxsnchez Sure, you can go ahead 😃.

0reactions
IssueHuntBotcommented, Mar 11, 2019

@oliviertassinari has rewarded $54.00 to @alxsnchez. See it on IssueHunt

  • 💰 Total deposit: $60.00
  • 🎉 Repository reward(0%): $0.00
  • 🔧 Service fee(10%): $6.00
Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found