# CardDefaults Artifact: [androidx.wear.compose:compose-material3](https://developer.android.com/jetpack/androidx/releases/wear-compose) [View Source](https://cs.android.com/search?q=file:androidx/wear/compose/material3/Card.kt+class:androidx.wear.compose.material3.CardDefaults) Added in [1.5.0](https://developer.android.com/jetpack/androidx/releases/wear-compose#1.5.0) ``` object CardDefaults ```
*** ** * ** *** Contains the default values used by `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/Card.composable#Card(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.String,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.wear.compose.material3.CardColors,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.SurfaceTransformation,kotlin.Function1)` ## Summary | ### Public functions | |---|---| | `https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-unit/index.html` | `@https://developer.android.com/reference/kotlin/androidx/compose/runtime/Composable https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/CardDefaults#AppCardContent(kotlin.Function1,kotlin.Function1,androidx.compose.ui.Modifier,androidx.wear.compose.material3.CardColors,kotlin.Function1,kotlin.Function1,kotlin.Function1)( appName: @https://developer.android.com/reference/kotlin/androidx/compose/runtime/Composable https://developer.android.com/reference/kotlin/androidx/compose/foundation/layout/RowScope.() -> https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-unit/index.html, title: @https://developer.android.com/reference/kotlin/androidx/compose/runtime/Composable https://developer.android.com/reference/kotlin/androidx/compose/foundation/layout/RowScope.() -> https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-unit/index.html, modifier: https://developer.android.com/reference/kotlin/androidx/compose/ui/Modifier, colors: https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/CardColors, appImage: (@https://developer.android.com/reference/kotlin/androidx/compose/runtime/Composable https://developer.android.com/reference/kotlin/androidx/compose/foundation/layout/RowScope.() -> https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-unit/index.html)?, time: (@https://developer.android.com/reference/kotlin/androidx/compose/runtime/Composable https://developer.android.com/reference/kotlin/androidx/compose/foundation/layout/RowScope.() -> https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-unit/index.html)?, content: @https://developer.android.com/reference/kotlin/androidx/compose/runtime/Composable https://developer.android.com/reference/kotlin/androidx/compose/foundation/layout/ColumnScope.() -> https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-unit/index.html )` Lays out the content of an `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/AppCard.composable#AppCard(kotlin.Function0,kotlin.Function1,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.String,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.wear.compose.material3.CardColors,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.SurfaceTransformation,kotlin.Function1,kotlin.Function1,kotlin.Function1)` with support for an app icon, app name, time, title, and body content. | | `https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-unit/index.html` | `@https://developer.android.com/reference/kotlin/androidx/compose/runtime/Composable https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/CardDefaults#TitleCardContent(kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.Function1,androidx.wear.compose.material3.CardColors,kotlin.Function0)( title: @https://developer.android.com/reference/kotlin/androidx/compose/runtime/Composable https://developer.android.com/reference/kotlin/androidx/compose/foundation/layout/RowScope.() -> https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-unit/index.html, modifier: https://developer.android.com/reference/kotlin/androidx/compose/ui/Modifier, time: (@https://developer.android.com/reference/kotlin/androidx/compose/runtime/Composable () -> https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-unit/index.html)?, subtitle: (@https://developer.android.com/reference/kotlin/androidx/compose/runtime/Composable https://developer.android.com/reference/kotlin/androidx/compose/foundation/layout/ColumnScope.() -> https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-unit/index.html)?, colors: https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/CardColors, content: (@https://developer.android.com/reference/kotlin/androidx/compose/runtime/Composable () -> https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-unit/index.html)? )` Lays out the content of a `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/TitleCard.composable#TitleCard(kotlin.Function0,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.String,kotlin.Function0,kotlin.Function1,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.wear.compose.material3.CardColors,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.SurfaceTransformation,kotlin.Function0)` with support for a title, time, subtitle, and body content. | | `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/CardColors` | `@https://developer.android.com/reference/kotlin/androidx/compose/runtime/Composable https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/CardDefaults#cardColors()()` Creates a `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/CardColors` that represents the default container and content colors used in a `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/Card.composable#Card(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.String,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.wear.compose.material3.CardColors,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.SurfaceTransformation,kotlin.Function1)`, `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/AppCard.composable#AppCard(kotlin.Function0,kotlin.Function1,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.String,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.wear.compose.material3.CardColors,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.SurfaceTransformation,kotlin.Function1,kotlin.Function1,kotlin.Function1)` or `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/TitleCard.composable#TitleCard(kotlin.Function0,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.String,kotlin.Function0,kotlin.Function1,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.wear.compose.material3.CardColors,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.SurfaceTransformation,kotlin.Function0)`. | | `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/CardColors` | `@https://developer.android.com/reference/kotlin/androidx/compose/runtime/Composable https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/CardDefaults#cardColors(androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color)( containerColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color, contentColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color, appNameColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color, timeColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color, titleColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color, subtitleColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color )` Creates a `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/CardColors` that represents the default container and content colors used in a `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/Card.composable#Card(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.String,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.wear.compose.material3.CardColors,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.SurfaceTransformation,kotlin.Function1)`, `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/AppCard.composable#AppCard(kotlin.Function0,kotlin.Function1,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.String,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.wear.compose.material3.CardColors,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.SurfaceTransformation,kotlin.Function1,kotlin.Function1,kotlin.Function1)` or `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/TitleCard.composable#TitleCard(kotlin.Function0,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.String,kotlin.Function0,kotlin.Function1,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.wear.compose.material3.CardColors,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.SurfaceTransformation,kotlin.Function0)`. | | `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/CardColors` | `@https://developer.android.com/reference/kotlin/androidx/compose/runtime/Composable https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/CardDefaults#cardWithContainerPainterColors()()` Creates a `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/CardColors` that represents the default container and content colors used in a `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/Card.composable#Card(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.String,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.wear.compose.material3.CardColors,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.SurfaceTransformation,kotlin.Function1)` with image container painter. | | `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/CardColors` | `@https://developer.android.com/reference/kotlin/androidx/compose/runtime/Composable https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/CardDefaults#cardWithContainerPainterColors(androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color)( contentColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color, appNameColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color, timeColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color, titleColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color, subtitleColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color )` Creates a `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/CardColors` that represents the default container and content colors used in a `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/TitleCard.composable#TitleCard(kotlin.Function0,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.String,kotlin.Function0,kotlin.Function1,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.wear.compose.material3.CardColors,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.SurfaceTransformation,kotlin.Function0)` with Image set as a background. | | `https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/painter/Painter` | `@https://developer.android.com/reference/kotlin/androidx/compose/runtime/Composable https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/CardDefaults#containerPainter(androidx.compose.ui.graphics.painter.Painter,androidx.compose.ui.graphics.Brush,kotlin.Boolean,androidx.compose.ui.Alignment,androidx.compose.ui.layout.ContentScale,kotlin.Float)( image: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/painter/Painter, scrim: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Brush, sizeToIntrinsics: https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-boolean/index.html, alignment: https://developer.android.com/reference/kotlin/androidx/compose/ui/Alignment, contentScale: https://developer.android.com/reference/kotlin/androidx/compose/ui/layout/ContentScale, alpha: https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-float/index.html )` Creates a `https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/painter/Painter` for the background of a `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/Card.composable#Card(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.String,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.wear.compose.material3.CardColors,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.SurfaceTransformation,kotlin.Function1)` that displays an image with a scrim on top to make sure that any content above the background will be legible. | | `https://developer.android.com/reference/kotlin/androidx/compose/foundation/BorderStroke` | `@https://developer.android.com/reference/kotlin/androidx/compose/runtime/Composable https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/CardDefaults#outlinedCardBorder(androidx.compose.ui.graphics.Color,androidx.compose.ui.unit.Dp)(outlineColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color, borderWidth: https://developer.android.com/reference/kotlin/androidx/compose/ui/unit/Dp)` Creates a `https://developer.android.com/reference/kotlin/androidx/compose/foundation/BorderStroke` that represents the default border used in Outlined Cards. | | `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/CardColors` | `@https://developer.android.com/reference/kotlin/androidx/compose/runtime/Composable https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/CardDefaults#outlinedCardColors()()` Creates a `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/CardColors` that represents the default container and content colors used in an `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/OutlinedCard.composable#OutlinedCard(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.String,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.wear.compose.material3.CardColors,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.SurfaceTransformation,kotlin.Function1)`, outlined `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/AppCard.composable#AppCard(kotlin.Function0,kotlin.Function1,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.String,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.wear.compose.material3.CardColors,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.SurfaceTransformation,kotlin.Function1,kotlin.Function1,kotlin.Function1)` or `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/TitleCard.composable#TitleCard(kotlin.Function0,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.String,kotlin.Function0,kotlin.Function1,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.wear.compose.material3.CardColors,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.SurfaceTransformation,kotlin.Function0)`. | | `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/CardColors` | `@https://developer.android.com/reference/kotlin/androidx/compose/runtime/Composable https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/CardDefaults#outlinedCardColors(androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color)( contentColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color, appNameColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color, timeColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color, titleColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color, subtitleColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color )` Creates a `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/CardColors` that represents the default container and content colors used in an `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/OutlinedCard.composable#OutlinedCard(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.String,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.wear.compose.material3.CardColors,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.SurfaceTransformation,kotlin.Function1)`, outlined `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/AppCard.composable#AppCard(kotlin.Function0,kotlin.Function1,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.String,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.wear.compose.material3.CardColors,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.SurfaceTransformation,kotlin.Function1,kotlin.Function1,kotlin.Function1)` or `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/TitleCard.composable#TitleCard(kotlin.Function0,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.String,kotlin.Function0,kotlin.Function1,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.wear.compose.material3.CardColors,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.SurfaceTransformation,kotlin.Function0)`. | | `https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Brush` | `@https://developer.android.com/reference/kotlin/androidx/compose/runtime/Composable https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/CardDefaults#scrimBrush()()` Creates a `https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Brush` for the recommended scrim drawn on top of image container backgrounds. | | ### Public properties | |---|---| | `https://developer.android.com/reference/kotlin/androidx/compose/ui/unit/Dp` | `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/CardDefaults#AppImageSize()` The default size of the app icon/image when used inside an `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/AppCard.composable#AppCard(kotlin.Function0,kotlin.Function1,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.String,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.wear.compose.material3.CardColors,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.SurfaceTransformation,kotlin.Function1,kotlin.Function1,kotlin.Function1)`. | | `https://developer.android.com/reference/kotlin/androidx/compose/foundation/layout/PaddingValues` | `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/CardDefaults#CardWithContainerPainterContentPadding()` ContentPadding for use cards that have an image background in order to show more of the image | | `https://developer.android.com/reference/kotlin/androidx/compose/foundation/layout/PaddingValues` | `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/CardDefaults#ContentPadding()` The default content padding used by `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/Card.composable#Card(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.String,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.wear.compose.material3.CardColors,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.SurfaceTransformation,kotlin.Function1)` | | `https://developer.android.com/reference/kotlin/androidx/compose/ui/unit/Dp` | `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/CardDefaults#Height()` The default height of `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/Card.composable#Card(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.String,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.wear.compose.material3.CardColors,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.SurfaceTransformation,kotlin.Function1)`, `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/AppCard.composable#AppCard(kotlin.Function0,kotlin.Function1,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.String,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.wear.compose.material3.CardColors,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.SurfaceTransformation,kotlin.Function1,kotlin.Function1,kotlin.Function1)` and `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/TitleCard.composable#TitleCard(kotlin.Function0,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.String,kotlin.Function0,kotlin.Function1,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.wear.compose.material3.CardColors,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.SurfaceTransformation,kotlin.Function0)`. | | `https://developer.android.com/reference/kotlin/androidx/compose/ui/unit/Dp` | `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/CardDefaults#ImageBottomPadding()` Additional bottom padding added for TitleCard with an image background | | `https://developer.android.com/reference/kotlin/androidx/compose/ui/unit/Dp` | `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/CardDefaults#minimumVerticalListContentPadding()` The minimum vertical content padding for the list when a `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/Card.composable#Card(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.String,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.wear.compose.material3.CardColors,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.SurfaceTransformation,kotlin.Function1)` is placed at the top or bottom edge. | | `https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color` | `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/CardDefaults#scrimColor()` Returns a scrim color that can be used to draw a scrim on top of an image to ensure that any text drawn over the image is legible. | | `https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Shape` | `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/CardDefaults#shape()` The default shape of `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/Card.composable#Card(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.String,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.wear.compose.material3.CardColors,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.SurfaceTransformation,kotlin.Function1)`, which determines its corner radius. | ## Public functions ### AppCardContent ``` @Composable fun AppCardContent(     appName: @Composable RowScope.() -> Unit,     title: @Composable RowScope.() -> Unit,     modifier: Modifier = Modifier,     colors: CardColors = cardColors(),     appImage: (@Composable RowScope.() -> Unit)? = null,     time: (@Composable RowScope.() -> Unit)? = null,     content: @Composable ColumnScope.() -> Unit ): Unit ``` Lays out the content of an `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/AppCard.composable#AppCard(kotlin.Function0,kotlin.Function1,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.String,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.wear.compose.material3.CardColors,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.SurfaceTransformation,kotlin.Function1,kotlin.Function1,kotlin.Function1)` with support for an app icon, app name, time, title, and body content. While the standard `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/AppCard.composable#AppCard(kotlin.Function0,kotlin.Function1,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.String,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.wear.compose.material3.CardColors,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.SurfaceTransformation,kotlin.Function1,kotlin.Function1,kotlin.Function1)` overloads provide this layout out-of-the-box, `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/CardDefaults#AppCardContent(kotlin.Function1,kotlin.Function1,androidx.compose.ui.Modifier,androidx.wear.compose.material3.CardColors,kotlin.Function1,kotlin.Function1,kotlin.Function1)` can be used inside the `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/Card.composable#Card(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.String,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.wear.compose.material3.CardColors,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.SurfaceTransformation,kotlin.Function1)` overload that takes a generic `content` to build custom card layouts (for example, to wrap the content in a gesture hint indicator like OneHandedGestureIndicator) while maintaining standard typography, colors, and spacing. Example of a `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/CardDefaults#AppCardContent(kotlin.Function1,kotlin.Function1,androidx.compose.ui.Modifier,androidx.wear.compose.material3.CardColors,kotlin.Function1,kotlin.Function1,kotlin.Function1)` layout with OneHandedGestureIndicator: ```kotlin import androidx.compose.foundation.Image import androidx.compose.foundation.interaction.MutableInteractionSource import androidx.compose.foundation.layout.Box import androidx.compose.foundation.layout.fillMaxSize import androidx.compose.foundation.layout.fillMaxWidth import androidx.compose.foundation.layout.padding import androidx.compose.foundation.layout.size import androidx.compose.material.icons.filled.Favorite import androidx.compose.runtime.mutableStateOf import androidx.compose.runtime.remember import androidx.compose.runtime.rememberCoroutineScope import androidx.compose.ui.Alignment import androidx.compose.ui.Modifier import androidx.compose.ui.res.painterResource import androidx.compose.ui.semantics.contentDescription import androidx.compose.ui.unit.dp import androidx.wear.compose.material3.AppCard import androidx.wear.compose.material3.Card import androidx.wear.compose.material3.CardDefaults import androidx.wear.compose.material3.Icon import androidx.wear.compose.material3.MaterialTheme import androidx.wear.compose.material3.Text import androidx.wear.compose.material3.onehandedgesture.OneHandedGestureAction import androidx.wear.compose.material3.onehandedgesture.OneHandedGestureClickIndicator import androidx.wear.compose.material3.onehandedgesture.OneHandedGestureClickIndicatorState import androidx.wear.compose.material3.onehandedgesture.oneHandedGesture import androidx.wear.compose.material3.onehandedgesture.rememberOneHandedGestureConfiguration var label by remember { mutableStateOf("App Card") } val onClick = remember { { label = "Gestured" } } val interactionSource = remember { MutableInteractionSource() } val gestureConfig = rememberOneHandedGestureConfiguration(action = OneHandedGestureAction.Primary) val indicatorState = remember { OneHandedGestureClickIndicatorState() } val coroutineScope = rememberCoroutineScope() Box(modifier = Modifier.fillMaxSize(), contentAlignment = Alignment.Center) { Card( onClick = onClick, interactionSource = interactionSource, modifier = Modifier.padding(horizontal = 12.dp) .fillMaxWidth() .oneHandedGesture( gestureConfiguration = gestureConfig, onGestureLabel = "click", onGestureAvailable = { coroutineScope.launch { indicatorState.showIndicator() } }, interactionSource = interactionSource, onGesture = onClick, ), ) { OneHandedGestureClickIndicator( gestureConfiguration = gestureConfig, state = indicatorState, gestureIndicatorTint = MaterialTheme.colorScheme.onSurface, ) { CardDefaults.AppCardContent( appName = { Text("App Name") }, title = { Text(label) }, appImage = { Icon( painter = painterResource(R.drawable.ic_favorite_rounded), contentDescription = "Favorite icon", modifier = Modifier.size(CardDefaults.AppImageSize), ) }, time = { Text("now") }, ) { Text("Card body") } } } } ``` | Parameters | |---|---| | `appName: @https://developer.android.com/reference/kotlin/androidx/compose/runtime/Composable https://developer.android.com/reference/kotlin/androidx/compose/foundation/layout/RowScope.() -> https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-unit/index.html` | A slot for displaying the application name, expected to be a single line of start aligned text. | | `title: @https://developer.android.com/reference/kotlin/androidx/compose/runtime/Composable https://developer.android.com/reference/kotlin/androidx/compose/foundation/layout/RowScope.() -> https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-unit/index.html` | A slot for displaying the title of the card, expected to be one or two lines of start aligned text. | | `modifier: https://developer.android.com/reference/kotlin/androidx/compose/ui/Modifier = Modifier` | Modifier to be applied to the card. | | `colors: https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/CardColors = cardColors()` | `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/CardColors` that will be used to resolve the colors used for this card in different states. See `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/CardDefaults#cardColors()`. | | `appImage: (@https://developer.android.com/reference/kotlin/androidx/compose/runtime/Composable https://developer.android.com/reference/kotlin/androidx/compose/foundation/layout/RowScope.() -> https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-unit/index.html)? = null` | A slot for a small (`https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/CardDefaults#AppImageSize()`x`https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/CardDefaults#AppImageSize()` ) `https://developer.android.com/reference/kotlin/androidx/compose/foundation/Image.composable#Image(androidx.compose.ui.graphics.ImageBitmap,kotlin.String,androidx.compose.ui.Modifier,androidx.compose.ui.Alignment,androidx.compose.ui.layout.ContentScale,kotlin.Float,androidx.compose.ui.graphics.ColorFilter,androidx.compose.ui.graphics.FilterQuality)` associated with the application. | | `time: (@https://developer.android.com/reference/kotlin/androidx/compose/runtime/Composable https://developer.android.com/reference/kotlin/androidx/compose/foundation/layout/RowScope.() -> https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-unit/index.html)? = null` | A slot for displaying the time relevant to the contents of the card, expected to be a short piece of end aligned text. | | `content: @https://developer.android.com/reference/kotlin/androidx/compose/runtime/Composable https://developer.android.com/reference/kotlin/androidx/compose/foundation/layout/ColumnScope.() -> https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-unit/index.html` | The main slot for a content of this card. | ### TitleCardContent ``` @Composable fun TitleCardContent(     title: @Composable RowScope.() -> Unit,     modifier: Modifier = Modifier,     time: (@Composable () -> Unit)? = null,     subtitle: (@Composable ColumnScope.() -> Unit)? = null,     colors: CardColors = cardColors(),     content: (@Composable () -> Unit)? = null ): Unit ``` Lays out the content of a `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/TitleCard.composable#TitleCard(kotlin.Function0,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.String,kotlin.Function0,kotlin.Function1,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.wear.compose.material3.CardColors,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.SurfaceTransformation,kotlin.Function0)` with support for a title, time, subtitle, and body content. While the standard `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/TitleCard.composable#TitleCard(kotlin.Function0,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.String,kotlin.Function0,kotlin.Function1,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.wear.compose.material3.CardColors,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.SurfaceTransformation,kotlin.Function0)` overloads provide this layout out-of-the-box, `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/CardDefaults#TitleCardContent(kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.Function1,androidx.wear.compose.material3.CardColors,kotlin.Function0)` can be used inside the `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/Card.composable#Card(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.String,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.wear.compose.material3.CardColors,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.SurfaceTransformation,kotlin.Function1)` overload that takes a generic `content` to build custom card layouts (for example, to wrap the content in a gesture hint indicator like OneHandedGestureIndicator) while maintaining standard typography, colors, and spacing. Example of a `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/CardDefaults#TitleCardContent(kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.Function1,androidx.wear.compose.material3.CardColors,kotlin.Function0)` layout with OneHandedGestureIndicator: ```kotlin import androidx.compose.foundation.interaction.MutableInteractionSource import androidx.compose.foundation.layout.Box import androidx.compose.foundation.layout.fillMaxSize import androidx.compose.foundation.layout.fillMaxWidth import androidx.compose.foundation.layout.padding import androidx.compose.runtime.mutableStateOf import androidx.compose.runtime.remember import androidx.compose.runtime.rememberCoroutineScope import androidx.compose.ui.Alignment import androidx.compose.ui.Modifier import androidx.compose.ui.unit.dp import androidx.wear.compose.material3.Card import androidx.wear.compose.material3.CardDefaults import androidx.wear.compose.material3.MaterialTheme import androidx.wear.compose.material3.Text import androidx.wear.compose.material3.TitleCard import androidx.wear.compose.material3.onehandedgesture.OneHandedGestureAction import androidx.wear.compose.material3.onehandedgesture.OneHandedGestureClickIndicator import androidx.wear.compose.material3.onehandedgesture.OneHandedGestureClickIndicatorState import androidx.wear.compose.material3.onehandedgesture.oneHandedGesture import androidx.wear.compose.material3.onehandedgesture.rememberOneHandedGestureConfiguration var label by remember { mutableStateOf("Title Card") } val onClick = remember { { label = "Gestured" } } val interactionSource = remember { MutableInteractionSource() } val gestureConfig = rememberOneHandedGestureConfiguration(action = OneHandedGestureAction.Primary) val indicatorState = remember { OneHandedGestureClickIndicatorState() } val coroutineScope = rememberCoroutineScope() Box(modifier = Modifier.fillMaxSize(), contentAlignment = Alignment.Center) { Card( onClick = onClick, interactionSource = interactionSource, modifier = Modifier.padding(horizontal = 12.dp) .fillMaxWidth() .oneHandedGesture( gestureConfiguration = gestureConfig, onGestureLabel = "click", onGestureAvailable = { coroutineScope.launch { indicatorState.showIndicator() } }, interactionSource = interactionSource, onGesture = onClick, ), ) { OneHandedGestureClickIndicator( gestureConfiguration = gestureConfig, state = indicatorState, gestureIndicatorTint = MaterialTheme.colorScheme.onSurface, ) { CardDefaults.TitleCardContent( title = { Text(label) }, time = { Text("now") }, subtitle = { Text("Subtitle") }, ) { Text("Card body") } } } } ``` | Parameters | |---|---| | `title: @https://developer.android.com/reference/kotlin/androidx/compose/runtime/Composable https://developer.android.com/reference/kotlin/androidx/compose/foundation/layout/RowScope.() -> https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-unit/index.html` | A slot for displaying the title of the card, expected to be one or two lines of text. | | `modifier: https://developer.android.com/reference/kotlin/androidx/compose/ui/Modifier = Modifier` | Modifier to be applied to the card. | | `time: (@https://developer.android.com/reference/kotlin/androidx/compose/runtime/Composable () -> https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-unit/index.html)? = null` | An optional slot for displaying the time relevant to the contents of the card, expected to be a short piece of text. Depending on whether we have a `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/CardDefaults#TitleCardContent(kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.Function1,androidx.wear.compose.material3.CardColors,kotlin.Function0)` or not, can be placed at the end of the `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/CardDefaults#TitleCardContent(kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.Function1,androidx.wear.compose.material3.CardColors,kotlin.Function0)` line or above it. | | `subtitle: (@https://developer.android.com/reference/kotlin/androidx/compose/runtime/Composable https://developer.android.com/reference/kotlin/androidx/compose/foundation/layout/ColumnScope.() -> https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-unit/index.html)? = null` | An optional slot for displaying the subtitle of the card, expected to be one line of text. | | `colors: https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/CardColors = cardColors()` | `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/CardColors` that will be used to resolve the colors used for this card in different states. See `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/CardDefaults#cardColors()`. | | `content: (@https://developer.android.com/reference/kotlin/androidx/compose/runtime/Composable () -> https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-unit/index.html)? = null` | The optional body content of the card. If not provided then title and subtitle are expected to be provided. | ### cardColors Added in [1.5.0](https://developer.android.com/jetpack/androidx/releases/wear-compose#1.5.0) ``` @Composable fun cardColors(): CardColors ``` Creates a `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/CardColors` that represents the default container and content colors used in a `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/Card.composable#Card(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.String,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.wear.compose.material3.CardColors,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.SurfaceTransformation,kotlin.Function1)`, `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/AppCard.composable#AppCard(kotlin.Function0,kotlin.Function1,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.String,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.wear.compose.material3.CardColors,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.SurfaceTransformation,kotlin.Function1,kotlin.Function1,kotlin.Function1)` or `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/TitleCard.composable#TitleCard(kotlin.Function0,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.String,kotlin.Function0,kotlin.Function1,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.wear.compose.material3.CardColors,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.SurfaceTransformation,kotlin.Function0)`. ### cardColors Added in [1.6.0](https://developer.android.com/jetpack/androidx/releases/wear-compose#1.6.0) ``` @Composable fun cardColors(     containerColor: Color = Color.Unspecified,     contentColor: Color = Color.Unspecified,     appNameColor: Color = Color.Unspecified,     timeColor: Color = Color.Unspecified,     titleColor: Color = Color.Unspecified,     subtitleColor: Color = Color.Unspecified ): CardColors ``` Creates a `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/CardColors` that represents the default container and content colors used in a `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/Card.composable#Card(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.String,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.wear.compose.material3.CardColors,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.SurfaceTransformation,kotlin.Function1)`, `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/AppCard.composable#AppCard(kotlin.Function0,kotlin.Function1,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.String,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.wear.compose.material3.CardColors,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.SurfaceTransformation,kotlin.Function1,kotlin.Function1,kotlin.Function1)` or `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/TitleCard.composable#TitleCard(kotlin.Function0,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.String,kotlin.Function0,kotlin.Function1,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.wear.compose.material3.CardColors,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.SurfaceTransformation,kotlin.Function0)`. | Parameters | |---|---| | `containerColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color = Color.Unspecified` | the container color of this `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/Card.composable#Card(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.String,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.wear.compose.material3.CardColors,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.SurfaceTransformation,kotlin.Function1)`. | | `contentColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color = Color.Unspecified` | the content color of this `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/Card.composable#Card(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.String,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.wear.compose.material3.CardColors,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.SurfaceTransformation,kotlin.Function1)`. | | `appNameColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color = Color.Unspecified` | the color used for appName, only applies to `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/AppCard.composable#AppCard(kotlin.Function0,kotlin.Function1,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.String,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.wear.compose.material3.CardColors,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.SurfaceTransformation,kotlin.Function1,kotlin.Function1,kotlin.Function1)`. | | `timeColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color = Color.Unspecified` | the color used for time, applies to `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/AppCard.composable#AppCard(kotlin.Function0,kotlin.Function1,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.String,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.wear.compose.material3.CardColors,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.SurfaceTransformation,kotlin.Function1,kotlin.Function1,kotlin.Function1)` and `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/TitleCard.composable#TitleCard(kotlin.Function0,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.String,kotlin.Function0,kotlin.Function1,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.wear.compose.material3.CardColors,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.SurfaceTransformation,kotlin.Function0)`. | | `titleColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color = Color.Unspecified` | the color used for title, applies to `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/AppCard.composable#AppCard(kotlin.Function0,kotlin.Function1,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.String,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.wear.compose.material3.CardColors,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.SurfaceTransformation,kotlin.Function1,kotlin.Function1,kotlin.Function1)` and `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/TitleCard.composable#TitleCard(kotlin.Function0,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.String,kotlin.Function0,kotlin.Function1,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.wear.compose.material3.CardColors,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.SurfaceTransformation,kotlin.Function0)`. | | `subtitleColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color = Color.Unspecified` | the color used for subtitle, applies to `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/TitleCard.composable#TitleCard(kotlin.Function0,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.String,kotlin.Function0,kotlin.Function1,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.wear.compose.material3.CardColors,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.SurfaceTransformation,kotlin.Function0)`. | ### cardWithContainerPainterColors Added in [1.5.0](https://developer.android.com/jetpack/androidx/releases/wear-compose#1.5.0) ``` @Composable fun cardWithContainerPainterColors(): CardColors ``` Creates a `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/CardColors` that represents the default container and content colors used in a `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/Card.composable#Card(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.String,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.wear.compose.material3.CardColors,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.SurfaceTransformation,kotlin.Function1)` with image container painter. ### cardWithContainerPainterColors Added in [1.6.0](https://developer.android.com/jetpack/androidx/releases/wear-compose#1.6.0) ``` @Composable fun cardWithContainerPainterColors(     contentColor: Color = Color.Unspecified,     appNameColor: Color = Color.Unspecified,     timeColor: Color = Color.Unspecified,     titleColor: Color = Color.Unspecified,     subtitleColor: Color = Color.Unspecified ): CardColors ``` Creates a `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/CardColors` that represents the default container and content colors used in a `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/TitleCard.composable#TitleCard(kotlin.Function0,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.String,kotlin.Function0,kotlin.Function1,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.wear.compose.material3.CardColors,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.SurfaceTransformation,kotlin.Function0)` with Image set as a background. | Parameters | |---|---| | `contentColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color = Color.Unspecified` | the content color of this `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/Card.composable#Card(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.String,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.wear.compose.material3.CardColors,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.SurfaceTransformation,kotlin.Function1)`. | | `appNameColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color = Color.Unspecified` | the color used for appName, only applies to `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/AppCard.composable#AppCard(kotlin.Function0,kotlin.Function1,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.String,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.wear.compose.material3.CardColors,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.SurfaceTransformation,kotlin.Function1,kotlin.Function1,kotlin.Function1)`. | | `timeColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color = Color.Unspecified` | the color used for time. | | `titleColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color = Color.Unspecified` | the color used for title. | | `subtitleColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color = Color.Unspecified` | the color used for subtitle. | ### containerPainter Added in [1.5.0](https://developer.android.com/jetpack/androidx/releases/wear-compose#1.5.0) ``` @Composable fun containerPainter(     image: Painter,     scrim: Brush = scrimBrush(),     sizeToIntrinsics: Boolean = false,     alignment: Alignment = Alignment.Center,     contentScale: ContentScale = ContentScale.Fit,     alpha: Float = DefaultAlpha ): Painter ``` Creates a `https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/painter/Painter` for the background of a `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/Card.composable#Card(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.String,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.wear.compose.material3.CardColors,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.SurfaceTransformation,kotlin.Function1)` that displays an image with a scrim on top to make sure that any content above the background will be legible. An Image background is a means to reinforce the meaning of information in a Card, e.g. to help to contextualize the information. Cards should have a content color that contrasts with the background image and scrim. | Parameters | |---|---| | `image: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/painter/Painter` | The `https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/painter/Painter` to use to draw the container background of the `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/Card.composable#Card(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.String,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.wear.compose.material3.CardColors,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.SurfaceTransformation,kotlin.Function1)` | | `scrim: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Brush = scrimBrush()` | The `https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Brush` to use to paint a scrim over the container image to ensure that any text drawn over the image is legible | | `sizeToIntrinsics: https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-boolean/index.html = false` | When false (the default), fills the available space within the container. Pass true to retain the size of the image. | | `alignment: https://developer.android.com/reference/kotlin/androidx/compose/ui/Alignment = Alignment.Center` | Specifies alignment of the container image painter relative to the container. | | `contentScale: https://developer.android.com/reference/kotlin/androidx/compose/ui/layout/ContentScale = ContentScale.Fit` | Strategy for scaling the painter if its size does not match the container. | | `alpha: https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-float/index.html = DefaultAlpha` | Opacity of the container image painter and scrim. | ### outlinedCardBorder Added in [1.6.0](https://developer.android.com/jetpack/androidx/releases/wear-compose#1.6.0) ``` @Composable fun outlinedCardBorder(     outlineColor: Color = OutlinedCardTokens.ContainerBorderColor.value,     borderWidth: Dp = OutlinedCardTokens.BorderWidth ): BorderStroke ``` Creates a `https://developer.android.com/reference/kotlin/androidx/compose/foundation/BorderStroke` that represents the default border used in Outlined Cards. | Parameters | |---|---| | `outlineColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color = OutlinedCardTokens.ContainerBorderColor.value` | The color to be used for drawing an outline. | | `borderWidth: https://developer.android.com/reference/kotlin/androidx/compose/ui/unit/Dp = OutlinedCardTokens.BorderWidth` | width of the border in `https://developer.android.com/reference/kotlin/androidx/compose/ui/unit/Dp`. | ### outlinedCardColors Added in [1.5.0](https://developer.android.com/jetpack/androidx/releases/wear-compose#1.5.0) ``` @Composable fun outlinedCardColors(): CardColors ``` Creates a `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/CardColors` that represents the default container and content colors used in an `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/OutlinedCard.composable#OutlinedCard(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.String,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.wear.compose.material3.CardColors,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.SurfaceTransformation,kotlin.Function1)`, outlined `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/AppCard.composable#AppCard(kotlin.Function0,kotlin.Function1,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.String,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.wear.compose.material3.CardColors,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.SurfaceTransformation,kotlin.Function1,kotlin.Function1,kotlin.Function1)` or `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/TitleCard.composable#TitleCard(kotlin.Function0,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.String,kotlin.Function0,kotlin.Function1,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.wear.compose.material3.CardColors,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.SurfaceTransformation,kotlin.Function0)`. ### outlinedCardColors Added in [1.6.0](https://developer.android.com/jetpack/androidx/releases/wear-compose#1.6.0) ``` @Composable fun outlinedCardColors(     contentColor: Color = Color.Unspecified,     appNameColor: Color = Color.Unspecified,     timeColor: Color = Color.Unspecified,     titleColor: Color = Color.Unspecified,     subtitleColor: Color = Color.Unspecified ): CardColors ``` Creates a `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/CardColors` that represents the default container and content colors used in an `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/OutlinedCard.composable#OutlinedCard(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.String,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.wear.compose.material3.CardColors,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.SurfaceTransformation,kotlin.Function1)`, outlined `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/AppCard.composable#AppCard(kotlin.Function0,kotlin.Function1,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.String,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.wear.compose.material3.CardColors,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.SurfaceTransformation,kotlin.Function1,kotlin.Function1,kotlin.Function1)` or `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/TitleCard.composable#TitleCard(kotlin.Function0,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.String,kotlin.Function0,kotlin.Function1,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.wear.compose.material3.CardColors,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.SurfaceTransformation,kotlin.Function0)`. | Parameters | |---|---| | `contentColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color = Color.Unspecified` | the content color of this `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/OutlinedCard.composable#OutlinedCard(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.String,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.wear.compose.material3.CardColors,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.SurfaceTransformation,kotlin.Function1)`. | | `appNameColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color = Color.Unspecified` | the color used for appName, only applies to `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/AppCard.composable#AppCard(kotlin.Function0,kotlin.Function1,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.String,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.wear.compose.material3.CardColors,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.SurfaceTransformation,kotlin.Function1,kotlin.Function1,kotlin.Function1)`. | | `timeColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color = Color.Unspecified` | the color used for time, applies to `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/AppCard.composable#AppCard(kotlin.Function0,kotlin.Function1,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.String,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.wear.compose.material3.CardColors,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.SurfaceTransformation,kotlin.Function1,kotlin.Function1,kotlin.Function1)` and `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/TitleCard.composable#TitleCard(kotlin.Function0,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.String,kotlin.Function0,kotlin.Function1,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.wear.compose.material3.CardColors,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.SurfaceTransformation,kotlin.Function0)`. | | `titleColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color = Color.Unspecified` | the color used for title, applies to `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/AppCard.composable#AppCard(kotlin.Function0,kotlin.Function1,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.String,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.wear.compose.material3.CardColors,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.SurfaceTransformation,kotlin.Function1,kotlin.Function1,kotlin.Function1)` and `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/TitleCard.composable#TitleCard(kotlin.Function0,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.String,kotlin.Function0,kotlin.Function1,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.wear.compose.material3.CardColors,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.SurfaceTransformation,kotlin.Function0)`. | | `subtitleColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color = Color.Unspecified` | the color used for subtitle, applies to `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/TitleCard.composable#TitleCard(kotlin.Function0,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.String,kotlin.Function0,kotlin.Function1,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.wear.compose.material3.CardColors,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.SurfaceTransformation,kotlin.Function0)`. | ### scrimBrush Added in [1.5.0](https://developer.android.com/jetpack/androidx/releases/wear-compose#1.5.0) ``` @Composable fun scrimBrush(): Brush ``` Creates a `https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Brush` for the recommended scrim drawn on top of image container backgrounds. ## Public properties ### AppImageSize ``` val AppImageSize: Dp ``` The default size of the app icon/image when used inside an `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/AppCard.composable#AppCard(kotlin.Function0,kotlin.Function1,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.String,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.wear.compose.material3.CardColors,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.SurfaceTransformation,kotlin.Function1,kotlin.Function1,kotlin.Function1)`. ### CardWithContainerPainterContentPadding Added in [1.5.0](https://developer.android.com/jetpack/androidx/releases/wear-compose#1.5.0) ``` val CardWithContainerPainterContentPadding: PaddingValues ``` ContentPadding for use cards that have an image background in order to show more of the image ### ContentPadding Added in [1.5.0](https://developer.android.com/jetpack/androidx/releases/wear-compose#1.5.0) ``` val ContentPadding: PaddingValues ``` The default content padding used by `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/Card.composable#Card(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.String,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.wear.compose.material3.CardColors,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.SurfaceTransformation,kotlin.Function1)` ### Height ``` val Height: Dp ``` The default height of `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/Card.composable#Card(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.String,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.wear.compose.material3.CardColors,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.SurfaceTransformation,kotlin.Function1)`, `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/AppCard.composable#AppCard(kotlin.Function0,kotlin.Function1,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.String,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.wear.compose.material3.CardColors,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.SurfaceTransformation,kotlin.Function1,kotlin.Function1,kotlin.Function1)` and `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/TitleCard.composable#TitleCard(kotlin.Function0,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.String,kotlin.Function0,kotlin.Function1,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.wear.compose.material3.CardColors,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.SurfaceTransformation,kotlin.Function0)`. The card will increase its height to accommodate the contents, if necessary. ### ImageBottomPadding ``` val ImageBottomPadding: Dp ``` Additional bottom padding added for TitleCard with an image background ### minimumVerticalListContentPadding ``` val minimumVerticalListContentPadding: Dp ``` The minimum vertical content padding for the list when a `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/Card.composable#Card(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.String,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.wear.compose.material3.CardColors,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.SurfaceTransformation,kotlin.Function1)` is placed at the top or bottom edge. Recommended for use with `https://developer.android.com/reference/kotlin/androidx/wear/compose/foundation/lazy/TransformingLazyColumnItemScope`'s `https://developer.android.com/reference/kotlin/androidx/wear/compose/foundation/lazy/TransformingLazyColumnItemScope#(androidx.compose.ui.Modifier).minimumVerticalContentPadding(androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)`, which allows items to choose a preferred content padding for the list. `https://developer.android.com/reference/kotlin/androidx/wear/compose/foundation/lazy/TransformingLazyColumn.composable#TransformingLazyColumn(androidx.compose.ui.Modifier,androidx.wear.compose.foundation.lazy.TransformingLazyColumnState,androidx.compose.foundation.layout.PaddingValues,kotlin.Boolean,androidx.compose.foundation.layout.Arrangement.Vertical,androidx.compose.ui.Alignment.Horizontal,androidx.compose.foundation.gestures.FlingBehavior,kotlin.Boolean,androidx.wear.compose.foundation.rotary.RotaryScrollableBehavior,androidx.compose.foundation.OverscrollEffect,androidx.wear.compose.foundation.lazy.TransformingLazyColumnFirstLayoutItemProvider,kotlin.Function1)` takes its contentPadding as the maximum of the preferred content padding values and its own contentPadding parameter. ```kotlin import androidx.compose.foundation.layout.Row import androidx.compose.foundation.layout.Spacer import androidx.compose.foundation.layout.fillMaxWidth import androidx.compose.runtime.mutableIntStateOf import androidx.compose.runtime.mutableStateOf import androidx.compose.runtime.remember import androidx.compose.ui.Modifier import androidx.wear.compose.foundation.lazy.TransformingLazyColumn import androidx.wear.compose.foundation.lazy.itemsIndexed import androidx.wear.compose.foundation.lazy.rememberTransformingLazyColumnState import androidx.wear.compose.material3.AppScaffold import androidx.wear.compose.material3.Button import androidx.wear.compose.material3.ButtonDefaults import androidx.wear.compose.material3.Card import androidx.wear.compose.material3.CardDefaults import androidx.wear.compose.material3.CompactButton import androidx.wear.compose.material3.CompactButtonDefaults import androidx.wear.compose.material3.EdgeButton import androidx.wear.compose.material3.ListHeader import androidx.wear.compose.material3.ListHeaderDefaults import androidx.wear.compose.material3.ScreenScaffold import androidx.wear.compose.material3.SurfaceTransformation import androidx.wear.compose.material3.Text import androidx.wear.compose.material3.lazy.rememberTransformationSpec import androidx.wear.compose.material3.lazy.transformedHeight val transformationSpec = rememberTransformationSpec() val state = rememberTransformingLazyColumnState() var elements by remember { mutableStateOf(listOf(0, 1, 2, 3, 4, 5, 6, 7, 8, 9)) } var nextElement by remember { mutableIntStateOf(10) } fun addElementAfter(index: Int) { elements = elements.subList(0, index + 1) + listOf(nextElement++) + elements.subList(index + 1, elements.count()) } fun removeElementAt(index: Int) { elements = elements.subList(0, index) + elements.subList(index + 1, elements.count()) } AppScaffold { ScreenScaffold( state, edgeButton = { EdgeButton(onClick = { elements = elements.shuffled() }) { Text("Shuffle") } }, ) { contentPadding -> TransformingLazyColumn(state = state, contentPadding = contentPadding) { itemsIndexed(elements, key = { _, key -> key }) { index, key -> if (key % 3 == 0) { CompactButton( onClick = { removeElementAt(index) }, modifier = Modifier.minimumVerticalContentPadding( CompactButtonDefaults.minimumVerticalListContentPadding ) .transformedHeight(this, transformationSpec) .animateItem(), transformation = SurfaceTransformation(transformationSpec), ) { Text("CompactButton $key") } } else if (key % 4 == 0) { ListHeader( modifier = Modifier.minimumVerticalContentPadding( ListHeaderDefaults.minimumTopListContentPadding, ListHeaderDefaults.minimumBottomListContentPadding, ) .transformedHeight(this, transformationSpec), transformation = SurfaceTransformation(transformationSpec), ) { Text("ListHeader heading") } } else { Card( onClick = {}, modifier = Modifier.fillMaxWidth() .minimumVerticalContentPadding( CardDefaults.minimumVerticalListContentPadding ) .transformedHeight(this, transformationSpec) .animateItem(), transformation = SurfaceTransformation(transformationSpec), ) { Text("Card $key") Row { Spacer(modifier = Modifier.weight(1f)) CompactButton( onClick = { removeElementAt(index) }, enabled = elements.count() > 1, ) { Text("-") } CompactButton(onClick = { addElementAfter(index) }) { Text("+") } } } } } } } } ``` ### scrimColor ``` val scrimColor: Color ``` Returns a scrim color that can be used to draw a scrim on top of an image to ensure that any text drawn over the image is legible. ### shape Added in [1.5.0](https://developer.android.com/jetpack/androidx/releases/wear-compose#1.5.0) ``` val shape: Shape ``` The default shape of `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/Card.composable#Card(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.String,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.wear.compose.material3.CardColors,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.SurfaceTransformation,kotlin.Function1)`, which determines its corner radius.