← Back to Tv Material
WideClassicCard
Overview
Code Examples
Video
WideClassicCard is an opinionated TV Material card that offers a 4 slot layout to show information about a subject.
This card has a horizontal layout with the interactive surface Surface, which provides the image slot at the start, followed by the title, subtitle, and description slots at the end.
This Card handles click events, calling its onClick lambda.
@param onClick called when this card is clicked @param image defines the Composable image to be displayed on top of the Card. @param title defines the Composable title placed below the image in the Card. @param modifier the Modifier to be applied to this card. @param subtitle defines the Composable supporting text placed below the title of the Card. @param description defines the Composable description placed below the subtitle of the Card. @param shape CardShape defines the shape of this card's container in different interaction states. See CardDefaults.shape. @param colors CardColors defines the background & content colors used in this card for different interaction states. See CardDefaults.colors. @param scale CardScale defines size of the card relative to its original size for different interaction states. See CardDefaults.scale. @param border CardBorder defines a border around the card for different interaction states. See CardDefaults.border. @param glow CardGlow defines a shadow to be shown behind the card for different interaction states. See CardDefaults.glow. @param contentPadding PaddingValues defines the inner padding applied to the card's content. @param interactionSource the MutableInteractionSource representing the stream of Interactions for this card. You can create and pass in your own remember
ed instance to observe Interactions and customize the appearance / behavior of this card in different states.
Overloads
WideClassicCard
@ExperimentalTvMaterial3Api
@Composable
fun WideClassicCard(
onClick: () -> Unit,
image: @Composable BoxScope.() -> Unit,
title: @Composable () -> Unit,
modifier: Modifier = Modifier,
subtitle: @Composable () -> Unit = {},
description: @Composable () -> Unit = {},
shape: CardShape = CardDefaults.shape(),
colors: CardColors = CardDefaults.colors(),
scale: CardScale = CardDefaults.scale(),
border: CardBorder = CardDefaults.border(),
glow: CardGlow = CardDefaults.glow(),
contentPadding: PaddingValues = PaddingValues(),
interactionSource: MutableInteractionSource = remember { MutableInteractionSource() }
)
Parameters
Name | Description |
---|---|
onClick | called when this card is clicked |
image | defines the Composable image to be displayed on top of the Card. |
title | defines the Composable title placed below the image in the Card. |
modifier | the Modifier to be applied to this card. |
subtitle | defines the Composable supporting text placed below the title of the Card. |
description | defines the Composable description placed below the subtitle of the Card. |
shape | CardShape defines the shape of this card's container in different interaction states. See CardDefaults.shape. |
colors | CardColors defines the background & content colors used in this card for different interaction states. See CardDefaults.colors. |
scale | CardScale defines size of the card relative to its original size for different interaction states. See CardDefaults.scale. |
border | CardBorder defines a border around the card for different interaction states. See CardDefaults.border. |
glow | CardGlow defines a shadow to be shown behind the card for different interaction states. See CardDefaults.glow. |
contentPadding | PaddingValues defines the inner padding applied to the card's content. |
interactionSource | the MutableInteractionSource representing the stream of Interactions for this card. You can create and pass in your own remember ed instance to observe Interactions and customize the appearance / behavior of this card in different states |