---
title: "TitleCardContent"
description: "Lays out the content of a TitleCard with support for a title, time, subtitle, and body content."
type: "component"
lastmod: "2026-07-02T02:32:50.009887Z"
---
## API Reference

### TitleCardContent

> Source set: Android

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

#### Parameters

| | |
| --- | --- |
| title | A slot for displaying the title of the card, expected to be one of two lines of text. |
| modifier | Modifier to be applied to the title card content layout. |
| time | 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 `content` or not, can be placed at the end of the `title` line or above it. |
| subtitle | An optional slot for displaying the subtitle of the card, expected to be one line of text. |
| colors | [CardColors](/jetpack-compose/androidx.wear.compose/compose-material3/classes/CardColors) that will be used to resolve the colors used for this card. |
| content | The optional body content of the card. |

## Code Examples
### TitleCardContentWithOneHandedGestureSample
```kotlin
@Composable
fun TitleCardContentWithOneHandedGestureSample() {
    var label by remember { mutableStateOf("Title 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,
            ) {
                TitleCardContent(
                    title = { Text(label) },
                    time = { Text("now") },
                    subtitle = { Text("Subtitle") },
                ) {
                    Text("Card body")
                }
            }
        }
    }
}
```