CompactCard

Composable Component

CompactCard is an opinionated TV Material card that offers a 4 slot layout to show information about a subject.

Compact Card

Android
@Composable
fun CompactCard(
    onClick: () -> Unit,
    image: @Composable BoxScope.() -> Unit,
    title: @Composable () -> Unit,
    modifier: Modifier = Modifier,
    onLongClick: (() -> Unit)? = null,
    subtitle: @Composable () -> Unit = {},
    description: @Composable () -> Unit = {},
    shape: CardShape = CardDefaults.shape(),
    colors: CardColors = CardDefaults.compactCardColors(),
    scale: CardScale = CardDefaults.scale(),
    border: CardBorder = CardDefaults.border(),
    glow: CardGlow = CardDefaults.glow(),
    scrimBrush: Brush = CardDefaults.ScrimBrush,
    interactionSource: MutableInteractionSource? = null
)

Parameters

onClickcalled when this card is clicked.
imagedefines the Composable image to be displayed on top of the Card.
titledefines the Composable title placed below the image in the Card.
modifierthe Modifier to be applied to this card.
onLongClickcalled when this card is long clicked (long-pressed).
subtitledefines the Composable supporting text placed below the title of the Card.
descriptiondefines the Composable description placed below the subtitle of the Card.
shapeCardShape defines the shape of this card's container in different interaction states. See CardDefaults.shape.
colorsCardColors defines the background & content colors used in this card for different interaction states. See CardDefaults.compactCardColors.
scaleCardScale defines size of the card relative to its original size for different interaction states. See CardDefaults.scale.
borderCardBorder defines a border around the card for different interaction states. See CardDefaults.border.
glowCardGlow defines a shadow to be shown behind the card for different interaction states. See CardDefaults.glow.
scrimBrushBrush defines a brush/gradient to be used to draw the scrim over the image in the background. See CardDefaults.ScrimBrush.
interactionSourcean optional hoisted MutableInteractionSource for observing and emitting Interactions for this card. You can use this to change the card's appearance or preview the card in different states. Note that if null is provided, interactions will still happen internally.