I have a navigation bar component with a variant for each product and I want to set the icon for both the default state and the selected state so that they are filled when selected. 

I have this set on the parent component but when I try to use it in an instance, it does not have the icon and just shows the default 

Here is it set in the parent component when selected 

Here is it set when in default 

When I insert an instance of the main component and change the icon buttons to a different state, it resets the icon to the default

This navigation bar component is composed of smaller components including this icon button… not sure where the problem lies. 

After I set it once in the instance of the main component it works every time I switch it, but it would be nice for my designers not to have to do that every time .