So while clicking on any of the clickable component in Compose, i see that there is a grey color bar...

# compose

[Deepak Gahlot]

So while clicking on any of the clickable component in Compose, i see that there is a grey color bar comes up for a sec, can we customise that effect, may be to a different color

Screen Recording 2021-03-10 at 10.08.43 PM.mov

[Louis Pullen-Freilich [G]]

Yeah, you want to pass an indication parameter to Clickable - Material provides rememberRipple() for this

[Deepak Gahlot]

@sen kumar 🔼

[Louis Pullen-Freilich [G]]

If you are using a MaterialTheme (doesn't look like you are using Material components) then it will provide a default value for LocalIndication, which is where this grey bar is coming from (the default debug value) - so you could override this with a ripple or your own custom indication

[Deepak Gahlot]

If possible can you point me to a sample, how to implement a Indication of our own

[Louis Pullen-Freilich [G]]

Here's how the default debug indication (the one in the video) is built:

https://cs.android.com/androidx/platform/frameworks/support/+/androidx-main:compose/[…]onMain/kotlin/androidx/compose/foundation/Indication.kt;l=154

And here's how a Ripple is built (more complex):

https://cs.android.com/androidx/platform/frameworks/support/+/androidx-main:compose/[…]nMain/kotlin/androidx/compose/material/ripple/Ripple.kt;l=106