How to set card elevation in jetpack compose with Material3

Question

I've created the simple card in jetpack compose, Here I set elevation but it shows a type mismatch.

Card(
            shape = RoundedCornerShape(20.dp),elevation = 10.dp
        ) {
            Box(modifier = Modifier.height(200.dp)) {
                Image(painter = painter, contentDescription = contentDescription,
                contentScale = ContentScale.Crop)
            }

    }

Answer 1

You are using M3 (androidx.compose.material3) Card and the elevation attribute requires a CardElevation object:

Something like:

Card(
    shape = RoundedCornerShape(20.dp),
    elevation = CardDefaults.cardElevation(
        defaultElevation = 10.dp
    )
)

Answer 2

We can use the following way to give elevation to card in Android compose

Card(elevation = CardDefaults.cardElevation(
    defaultElevation = 10.dp))

And import

import androidx.compose.material3.Card

Answer 3

I was able to use this syntax :

Card (elevation = CardDefaults.cardElevation(10.dp))

Answer 4

Card(modifier = modifier.fillMaxWidth(),
       shape = RoundedCornerShape(15.dp),
       elevation = CardDefaults.cardElevation(
      defaultElevation = 5.dp))
)