InputSlot, Text not apply color attribute

[andrconstruction]

InputSlot, Text not apply color attribute

[andrconstruction]

im so sorry, the problem is that Text block did imported from react-native instead gluestack, now all work as expected

[andrconstruction]

DarkMode

[andrconstruction]

LightMode

[andrconstruction]

`<InputSlot px="$2"
bg={ isDark ? "$brandPrimary": "$secondary300" }
color={ isDark ? "$secondary300": "$brandPrimary" }

                                >`

[andrconstruction]

bg is works as expected, but not color

[Viraj-10]

Hey @andrconstruction, can you give create snack example of this and share with us?

[DaminiPandey]

Hey @andrconstruction In order to give color to the text inside InputSlot, you need to pass the color prop to the Text component.

Something like this:

<Input> <InputField /> <InputSlot bg="$primary600" p="$2"> <Text color="$fuchsia50" sx={{ "_darK": { color: "$black" } }}>Press</Text> </InputSlot> </Input>

I've created an example demo here. Hope it will be helpful to you.

[DaminiPandey]

Great! @andrconstruction, I'm closing the issue as it is resolved, please feel free to reopen it in case of any problem.