Hi all,
I’m currently updating and simplifying my button library. At the moment, the leading and trailing icons are set up as separate variants of the button, which means I have to manage them across all states (default, hover, active, disabled).
To improve this, I’m trying to use the new slots update so I can combine everything into a single component - using one slot that includes two icons and a text element -
rather than relying on multiple icon variants.
However, I’m running into an issue:
When I edit the button layout (for example, moving or removing an icon) and then switch the button to a different state, the colours of the icons and text don’t update - they stay the same.
I’ve set up variables to handle global colour changes across the buttons, but these don’t seem to apply correctly to elements inside the slots when switching between states (default, hover, active, disabled).
Does anyone know how I can ensure the colours of elements within slots update correctly when changing variants or states?
