M3 (androidx.compose.material3) のCardでelevationを指定する方法

M3 (androidx.compose.material3) のCardでelevationを指定する方法をご紹介します。

条件

• Android
• Jetpack Compose Material Design 3

Cardでelevationを指定する方法

「Jetpack Composeでのマテリアルテーマ設定」のチュートリアルでは、以下のように指定するよう指示されています。
しかし、これは「M3 (androidx.compose.material3) 」ではないCard（androidx.compose.material.Card）における指定方法です。

Card(
   modifier = Modifier.padding(8.dp),
   elevation = 4.dp
)

M3 (androidx.compose.material3.Card)では、このように指定するとコンパイルエラーになります。

そこで、以下のように指定します。

Card(
    modifier = modifier.padding(8.dp),
    elevation = CardDefaults.cardElevation(
        defaultElevation = 4.dp
    )
)

参考

stackoverflow：How to set card elevation in jetpack compose with Material3

https://stackoverflow.com/questions/74775494/how-to-set-card-elevation-in-jetpack-compose-with-material3