Card

CardSample

@Preview
@Sampled
@Composable
fun CardSample() {
    Card(onClick = { /* Do something */ }) { Text("Card") }
}

CardWithOnLongClickSample

@Sampled
@Composable
fun CardWithOnLongClickSample(onLongClickHandler: () -> Unit) {
    Card(
        onClick = { /* Do something */ },
        onLongClick = onLongClickHandler,
        onLongClickLabel = "Long click",
    ) {
        Text("Card with long click")
    }
}

CardFillContentSample

@Sampled
@Preview
@Composable
fun CardFillContentSample() {
    Card(
        onClick = { /* Do something */ },
        // Constrains the card to fill background up to the intrinsic height.
        modifier = Modifier.height(IntrinsicSize.Min),
    ) {
        Text(
            "Filled Content",
            color = MaterialTheme.colorScheme.onPrimary,
            modifier =
                Modifier.fillMaxHeight()
                    .clip(RoundedCornerShape(8.dp))
                    .background(MaterialTheme.colorScheme.primary)
                    .wrapContentSize(Alignment.Center),
        )
    }
}

ImageCardSample

@Sampled
@Composable
fun ImageCardSample() {
    Card(
        onClick = { /* Do something */ },
        containerPainter =
            CardDefaults.containerPainter(image = painterResource(id = R.drawable.backgroundimage)),
    ) {
        Text("Image card")
    }
}

NonClickableCardSample

@Sampled
@Composable
fun NonClickableCardSample() {
    Card { Text("Non Clickable Card") }
}

NonClickableImageCardSample

@Sampled
@Composable
fun NonClickableImageCardSample() {
    Card(
        containerPainter =
            CardDefaults.containerPainter(image = painterResource(id = R.drawable.backgroundimage))
    ) {
        Text("Non clickable image card")
    }
}