I am setting a Text as clickable. However a grey background shows up on mouse over. How to remove su...

# compose

[Daniele B]

I am setting a Text as clickable. However a grey background shows up on mouse over. How to remove such effect?

Text(
  modifier = Modifier.clickable { eventFunction() },
  text = "my text",
)

[Nikolas Guillen Leon]

try to use

Modifier.clickable(
    enabled = true,
    interactionSource = remember {      MutableInteractionSource() },
    indication = null,
    onClick = eventFunction
)

[Nikolas Guillen Leon]

setting "indication" to null should disable the grey background

[Daniele B]

@Nikolas Guillen Leon thanks, it works!
I had tried earlier to add indication = null, without the interactionSource, and it didn't work.
I can see it works only if you add the interaction source. Thanks!

[mohamed rejeb]

That's because there's two clickable functions and the one with indication has the interactionSource as a required parameter 🫠

[Daniele B]

Thanks @mohamed rejeb for the insight!