Jetpack Compose - where are the selectable card overloads?

Question

I am using the androidx.compose.material3:material3:1.0.0-beta03.

The Javadoc of the simplest card (in the CardKt.kt file) says

This Card does not handle input events - see the other Card overloads if you want a clickable or selectable Card.

I do find the card with onClick, however I do not see a card which is selectable. Where is the mentioned overload?

Use the onClick attribute to put your logic. What is your final goal? — Gabriele Mariotti, Sep 30 '22 at 06:08
As a card wrapps a surface, I want to have the same behaviour as a Surface, where the selectable param exists.... As a workaround I have done it with onclick and custom logic... — Florian Reisinger, Sep 30 '22 at 09:19

score 1 · Answer 1 · answered Sep 30 '22 at 10:45

Currently the M3 Card doesn't have a selected parameter.
You can use something like:

var selected by remember { mutableStateOf(false) }
val interactionSource = remember { MutableInteractionSource() }

Card(
    modifier = Modifier
        .selectable(
            selected = selected,
            interactionSource = interactionSource,
            indication = rememberRipple(),
            enabled = enabled,
            onClick = { /* do something */ }
        )
){
    //card content...
}

Another option is: `.clickable { onClick() }` modifier property — ʍѳђઽ૯ท, Feb 06 '23 at 10:07

Jetpack Compose - where are the selectable card overloads?

1 Answers1