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.

[Typography] `color` prop is not documented but it works

See original GitHub issue

https://mui.com/material-ui/api/typography/

color= property is missing.

For example, color="primary" and color="primary.dark" both work as expected.

Issue Analytics

  • State:open
  • Created a year ago
  • Reactions:4
  • Comments:10 (5 by maintainers)

github_iconTop GitHub Comments

4reactions
socketpaircommented, Apr 13, 2022

It would much more noticeable if the phrase about system props can be inserted in the table. like this:

image

If you are agree, I think it should be changed in all other places where system props are mentioned

1reaction
zavarkacommented, Aug 29, 2022

Just wanted to add that, currently, TypeScript is not aware that you can pass the colors defined in the theme. The following values are not listed in the auto-completion suggestions:

primary
primary.main
textPrimary
text.primary
secondary
secondary.main
textSecondary
text.secondary
error
error.main

It would be helpful to have these included in the color prop type.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Material-ui does not change Typography color according to ...
The default behavior for Typography is to do nothing with color. The reason for this is that generally the color is controlled by...
Read more >
font-variant - CSS: Cascading Style Sheets - MDN Web Docs
Specifies the keywords related to the font-variant-ligatures longhand property. The possible values are common-ligatures , no-common-ligatures , ...
Read more >
Basics - styled-components
This button component has a primary state that changes its color. When setting the primary prop to true, we are swapping out its...
Read more >
CSS · Bootstrap
Bootstrap sets basic global display, typography, and link styles. ... It's so that content within grid columns is lined up with non-grid content....
Read more >
Text QML Type | Qt Quick 6.4.1
For example, red text with a specific font and size can be defined like this: ... This property works with the StyledText textFormat,...
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