Component structure:
I have an Input component.
Inside Input:
-
Slots-
Label
-
The Label component is inserted into the slot.
The Input component has two variants:
-
Default
-
Disabled
The Label component itself does not have a Disabled variant.
The text color is changed directly inside the Input variants. In the Default variant, the label text uses the default text color. In the Disabled variant, the label text uses the disabled text color.
When I insert a copy of the component as a child element and switch variants, everything works fine.
But if I change the text first and then switch the variant to Disabled, the text color does not change.
I tried the same setup without using slots, and everything works correctly. The text color updates as expected.
HELPPPP!!!!
