Does anyone have any idea which `TextField` property is responsible for drawing the thin horizontal ...

# compose

[Rafs]

Does anyone have any idea which TextField property is responsible for drawing the thin horizontal line when in unfocused mode? It disappears when the textfield is focused. Right image is focused, left is unfocused

[Chris Sinco [G]]

I believe that has to do more with the IME than Compose

[Tobias Suchalla]

That is the indicatorColor. You can alter this color via

val colors = TextFieldDefaults.textFieldColors(
    focusedIndicatorColor = <http://Color.xyz|Color.xyz>,
    unfocusedIndicatorColor = <http://Color.xyz|Color.xyz>,
    disabledIndicatorColor = <http://Color.xyz|Color.xyz>,
    errorIndicatorColor = <http://Color.xyz|Color.xyz>
)

TextField(
    value = value,
    onValueChange = { value = it },
    colors = colors
)

The line seemingly disappears because it uses the accent color when focused which is apparently also your background color.

See also: https://material.io/components/text-fields#filled-text-field

[Chris Sinco [G]]

Ah yeah that is correct 👆

[Rafs]

Thank you @Tobias Suchalla. that's exactly what i've been looking for