Description
When the text color is overridden on a button host, the nested igx-icon does not inherit that color and may render with a different color than the button label.
For example, if the button host is styled with:
the button text becomes white, but the icon can still keep its own color instead of matching the text.
This creates visual inconsistency in buttons and makes styling less intuitive, because overriding the host color reasonably suggests that both the text and the icon should follow the same foreground color unless the icon color is explicitly customized.
Expected result
Both the button text and the nested icon use the same color.
In this case, both should be white.
Actual result
The button text is white, but the icon remains a different color.
Notes
It looks like the icon color is controlled separately from the parent text color, so changing color on the button host affects the label but does not automatically affect the nested igx-icon.
Description
When the text color is overridden on a button host, the nested
igx-icondoes not inherit that color and may render with a different color than the button label.For example, if the button host is styled with:
the button text becomes white, but the icon can still keep its own color instead of matching the text.
This creates visual inconsistency in buttons and makes styling less intuitive, because overriding the host
colorreasonably suggests that both the text and the icon should follow the same foreground color unless the icon color is explicitly customized.Expected result
Both the button text and the nested icon use the same color.
In this case, both should be white.
Actual result
The button text is white, but the icon remains a different color.
Notes
It looks like the icon color is controlled separately from the parent text color, so changing
coloron the button host affects the label but does not automatically affect the nestedigx-icon.