StandardCardContainer

Composable Component

StandardCardContainer is an opinionated TV Material Card layout with an image and text content to show information about a subject.

Standard Card

Android
@Composable
fun StandardCardContainer(
    imageCard: @Composable (interactionSource: MutableInteractionSource) -> Unit,
    title: @Composable () -> Unit,
    modifier: Modifier = Modifier,
    subtitle: @Composable () -> Unit = {},
    description: @Composable () -> Unit = {},
    contentColor: CardContainerColors = CardContainerDefaults.contentColor(),
    interactionSource: MutableInteractionSource = remember { MutableInteractionSource() },
)

Parameters

imageCarddefines the Composable to be used for the image card.
titledefines the Composable title placed below the image card in the CardContainer.
modifierthe Modifier to be applied to this CardContainer.
subtitledefines the Composable supporting text placed below the title in CardContainer.
descriptiondefines the Composable description placed below the subtitle in CardContainer.
contentColorCardContainerColors defines the content color used in the CardContainer for different interaction states. See CardContainerDefaults.contentColor.
interactionSourcea hoisted MutableInteractionSource for observing and emitting Interactions for this CardContainer. This interaction source param would also be forwarded to be used with the imageCard composable.

Code Examples

StandardCardContainerSample

@Composable
fun StandardCardContainerSample() {
    StandardCardContainer(
        modifier = Modifier.size(150.dp, 120.dp),
        imageCard = { interactionSource ->
            Card(onClick = {}, interactionSource = interactionSource) {
                Box(modifier = Modifier.fillMaxWidth().height(80.dp).background(Color.Blue))
            }
        },
        title = { Text("Standard Card") },
    )
}