---
title: "AppCardContent"
description: "Lays out the content of an AppCard with support for an app icon, app name, time, title, and body content."
type: "component"
lastmod: "2026-07-02T02:32:46.567175Z"
---
## API Reference

### AppCardContent

> Source set: Android

```kotlin
@Composable
public fun AppCardContent(
    appName: @Composable RowScope.() -> Unit,
    title: @Composable RowScope.() -> Unit,
    modifier: Modifier = Modifier,
    colors: CardColors = CardDefaults.cardColors(),
    appImage: @Composable (RowScope.() -> Unit)? = null,
    time: @Composable (RowScope.() -> Unit)? = null,
    content: @Composable ColumnScope.() -> Unit,
)
```

#### Parameters

| | |
| --- | --- |
| appName | A slot for providing the app name. |
| title | A slot for providing the card's title. |
| modifier | Modifier to be applied to the app card content layout. |
| colors | [CardColors](/jetpack-compose/androidx.wear.compose/compose-material3/classes/CardColors) that will be used to resolve the content, title, and app name colors in different states. See [CardDefaults.cardColors](/jetpack-compose/androidx.wear.compose/compose-material3/objects/CardDefaults). |
| appImage | A slot for providing the app icon. |
| time | A slot for providing the time. |
| content | A slot for providing the card's body content. |

## Code Examples
### AppCardContentWithOneHandedGestureSample
```kotlin
@Composable
fun AppCardContentWithOneHandedGestureSample() {
    var label by remember { mutableStateOf("App Card") }
    val onClick = remember { { label = "Gestured" } }
    val interactionSource = remember { MutableInteractionSource() }
    Box(modifier = Modifier.fillMaxSize(), contentAlignment = Alignment.Center) {
        Card(
            onClick = onClick,
            interactionSource = interactionSource,
            modifier =
                Modifier.padding(horizontal = 12.dp)
                    .fillMaxWidth()
                    .oneHandedGesture(
                        action = GestureAction.Primary,
                        interactionSource = interactionSource,
                        onGesture = onClick,
                    ),
        ) {
            OneHandedGestureIndicator(
                interactionSource = interactionSource,
                gestureIndicatorTint = MaterialTheme.colorScheme.onSurface,
            ) {
                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")
                }
            }
        }
    }
}
```