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.

Progress component title prop accepts only a string

See original GitHub issue

The Progress bar accepts only a string. Would it be possible to make it accept a React.ReactNode instead (or both)?

For example: Currently passing only text (or string variable): <Progress title="blah" label={label} />} value={value} /> It would allow a component in place of the title: <Progress title={<StatusIcon status={StatusType.Warning} label="blah" />} value={value} />

This would be a must have enhancement for the Progress component.

Our product is https://github.com/konveyor/virt-ui

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:8 (5 by maintainers)

github_iconTop GitHub Comments

1reaction
redallencommented, Sep 29, 2020

Enforcing a string will help us solve issues like https://github.com/patternfly/patternfly/issues/3529.

Feel free to reopen if you can’t use a workaround.

0reactions
gildubcommented, Sep 29, 2020

@vconzola, thanks. Now I get what’ valueText is for!

Read more comments on GitHub >

github_iconTop Results From Across the Web

the title prop of a button must be a string - react native
Just close the tag after the title attribute ... When I added the 'title' prop, the error was disappeared. That's it.
Read more >
Typescript checking error · Issue #1428 · styled-components ...
I solved a similar issue on a input[type=checkbox] extending the Prop interface. In your case define ISVGIconProps like this: interface ...
Read more >
Progress - Ant Design
Display the current progress of an operation flow.
Read more >
React Component Composition Explained | Felix Gerschau
In React, we can make components more generic by accepting props, which are to React components what parameters are to functions.
Read more >
React-admin - Field Components - Marmelab
By default, a Field renders an empty string when the record has no value for that field. You can override this behavior by...
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