The colorScheme props doesn't apply to Link component
See original GitHub issue🐛 Bug report
When supplying a colorScheme
to a <Link>
component, as described in the documentation, the color does not seem to change. This can only be done by setting the color prop to a specific color key value.
💥 Steps to reproduce
- Go to your documentation: https://chakra-ui.com/docs/components/link
- Try to change the color scheme of the first example, like such:
<Link colorScheme="red">Hello world</Link>
- Nothing happens
💻 Link to reproduction
See previous
🧐 Expected behavior
I’d expect the color to change, as well as have a hover color set that’s different from the main color
🧭 Possible Solution
I’m not quite sure where this should be added - I’m guessing the layout package?
🌍 System information
Software | Version(s) |
---|---|
Chakra UI | 1.0.3 |
Browser | Brave 1.18.75 |
Operating System | MacOS 11.0.1 |
📝 Additional information
- None
Issue Analytics
- State:
- Created 3 years ago
- Reactions:1
- Comments:5 (5 by maintainers)
Top Results From Across the Web
How can I change the color of a Link in React with Material-UI?
When I apply the secondary color to the Button, it doesn't take effect. In other components it does work this way. <AppBar position='fixed'>...
Read more >Theming - Material UI - MUI
The theme specifies the color of the components, darkness of the surfaces, level of shadow, appropriate opacity of ink elements, etc. Themes let...
Read more >Link - Chakra UI
Props#. The Link component composes the Box component. colorScheme. Description. Color Schemes for Link are not implemented in the default theme.
Read more >Themes - React Navigation
Themes allow you to change the colors of various components provided by React Navigation. You can use themes to: Customize the colors match...
Read more >Error when calling theme Props in component using ReactJs ...
I need to pass the color of a theme to a component, I'm using type script (I'm a ... can I use the...
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 Free
Top 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
Hey @cereallarceny.
This probably won’t be implemented in Chakra’s default theme. We can improve the docs to clarify that - either some note, or completely omit those props from Link’s prop table.
However, you can extend the theme and implement it yourself:
and use it like this:
THAT makes more sense. I expected that prop to exist due to incorrect docs. I’ll close this issue now.