[joy-ui][Radio] Can't use a checked icon/unchecked icon when setting a background color #42017
Labels
component: radio
This is the name of the generic UI component, not the React module!
package: joy-ui
Specific to @mui/joy
status: waiting for maintainer
These issues haven't been looked at yet by a maintainer
Steps to reproduce
Link to live example: (required)
Steps:
disableIcon
set andslotProps
that change the background color of theaction
component when the radio is checked. e.g. This example from the docsdisableIcon
prop and pass acheckedIcon
and/oruncheckedIcon
prop with a random icon from@mui/icons-material
.Current behavior
The label and icon are hidden when the option is selected.
demo.mov
Expected behavior
The label and icon should remain visible when the option is selected.
Context
Create a radio button group with options that change background color when selected and include icons.
Your environment
npx @mui/envinfo
Tested in Chrome, Safari, and Firefox
Search keywords: radio background color icon
The text was updated successfully, but these errors were encountered: