Open NaveenEdala opened 6 months ago
Heya @NaveenEdala, thanks for the issue! I see that's an issue, but I'd expect to have some way to map Joy's danger
prop to Material's error
prop instead of the Material Icons package, also accounting for something that's not Material Design. @siriwatknp any ideas there? I'm not sure we should focus on this too much, too, though.
To workaround this issue i have to add somewhere in my project something like:
declare module "@mui/material/SvgIcon" {
interface SvgIconPropsColorOverrides {
danger: true;
}
}
Interesting fix, I've tried this to limited success. Thank you!
At the moment it seems like Joy itself is on the backburner while Material UI v6 is being rolled out, plus the Material Design 3 standards are also a priority. So I just ended up migrating my project from Joy to the main Material UI.
Hopefully Joy is picked back up sometime in the future!
Thanks for reporting the issue! Joy UI development is temporarily on hold as the maintainers focus on the next two major releases of Material UI
Steps to reproduce
Link to live example:
Steps:
Current behavior
Type '"danger"' is not assignable to type '"primary" | "success" | "warning" | "disabled" | "action" | "inherit" | "secondary" | "error" | "info" | undefined'.
Expected behavior
Expected behavior is for the icon to inherit the red "danger" color, as is the case with all Joy components.
Context
I'm trying to use it to create simple label strings (in)
Your environment
``` Don't forget to mention which browser you used. Output from `npx @mui/envinfo` goes here. ```npx @mui/envinfo
Search keywords: Icons, Icons-Material, Joy UI, Danger