I want to pass to the ProgressBar container className <div style = {outsideStyles}> or add attribute fullWidth
BykovDenis opened this issue · 3 comments
BykovDenis commented
The progress bar is inside the flex-container flex: column.
The progress bar stretches to its full width if you pass the flex-grow: 1. But i can't to pass any css class
KaterinaLupacheva commented
@BykovDenis could you please explain specifically what you are trying to achieve? There is a "width" prop present for the progress bar, which defined its length, basically. Which css prop would you like to pass?
KaterinaLupacheva commented
@BykovDenis if you need to pass flex-grow: 1 to the Progress Bar, you can add a wrapper (parent) div and set its flex-grow: 1. The progress bar will fit the width of the parent component. Like this:
<div style={{ flexGrow: 1 }}>
<ProgressBar completed={50} />
</div>
Or with a class name:
//styles.css
.pb {
flex-grow: 3;
}
//App.js
<div className="pb">
<ProgressBar completed={50} />
</div>
BykovDenis commented
Thanks it works