`Surface` has separate versions for having or not having an `onClick` parameter. The control I’m bui...

# compose

[Marcin Wisniowski]

Surface has separate versions for having or not having an onClick parameter. The control I’m building with it can be disabled, and then it shouldn’t be clickable. Normally I could conditionally apply Modifier.clickable, but with Surface I don’t see a clean way of achieving this without writing two separate `Surface`s to toggle between. Am I missing something?

[romainguy]

You can use a conditional modifier. Example from SO:

[romainguy]

fun Modifier.conditional(condition : Boolean, modifier : Modifier.() -> Modifier) : Modifier {
return if (condition) {
then(modifier(Modifier))
} else {
this
}
}

[romainguy]

I've used something similar myself a few times

[romainguy]

Maybe we have something built-in for this now

[romainguy]

But I don't know :)

[Marcin Wisniowski]

I know, the problem here is that on Surface, you don’t use a Modifier to have it be clickable, the Surface itself has an onClick argument, and there is a separate version that doesn’t.

[Marcin Wisniowski]

I think I’ll just use a Box instead so I can have a conditional Modifier.clickable.

[Marcin Wisniowski]

Turns out I was in fact missing something. The clickable Surface also has an enabled argument that does exactly what I need. 😄

[romainguy]

Ah my bad, I read your post too fast, sorry. And yeah I was going to mention enabled next

[romainguy]

I should have my tea in the morning before I answer questions lol

[Colton Idle]

I wonder if Card has an enabled property

[Colton Idle]

i asked a pretty much identical question a few weeks back. lol

[Colton Idle]

https://kotlinlang.slack.com/archives/CJLTWPH7S/p1680395202300949

[Marcin Wisniowski]

A Card also has the enabled argument, which answers your version of this question. 😄

[Colton Idle]

Oh yeahhhh. Nice! Thank you! TIL!