<h2 id="wideclassiccard-onclick-image-title-modifier-onlongclick-subtitle-description-shape-colors-scale-border-glow-contentpadding-interactionsource">WideClassicCard</h2>

<div class='sourceset sourceset-android'>Android</div>

```kotlin
@Composable
fun WideClassicCard(
    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.colors(),
    scale: CardScale = CardDefaults.scale(),
    border: CardBorder = CardDefaults.border(),
    glow: CardGlow = CardDefaults.glow(),
    contentPadding: PaddingValues = PaddingValues(),
    interactionSource: MutableInteractionSource? = null,
)
```

#### Parameters

| | |
| --- | --- |
| onClick | called when this card is clicked. |
| image | defines the [Composable](/jetpack-compose/androidx.compose.runtime/runtime/classes/Composable) image to be displayed on top of the Card. |
| title | defines the [Composable](/jetpack-compose/androidx.compose.runtime/runtime/classes/Composable) title placed below the image in the Card. |
| modifier | the [Modifier](/jetpack-compose/androidx.compose.ui/ui/interfaces/Modifier) to be applied to this card. |
| onLongClick | called when this card is long clicked (long-pressed). |
| subtitle | defines the [Composable](/jetpack-compose/androidx.compose.runtime/runtime/classes/Composable) supporting text placed below the title of the Card. |
| description | defines the [Composable](/jetpack-compose/androidx.compose.runtime/runtime/classes/Composable) description placed below the subtitle of the Card. |
| shape | [CardShape](/jetpack-compose/androidx.tv/tv-material/classes/CardShape) defines the shape of this card's container in different interaction states. See [CardDefaults.shape](/jetpack-compose/androidx.compose.ui/ui-graphics/interfaces/Shape). |
| colors | [CardColors](/jetpack-compose/androidx.tv/tv-material/classes/CardColors) defines the background & content colors used in this card for different interaction states. See [CardDefaults.colors](/jetpack-compose/androidx.compose.material/material/classes/Colors). |
| scale | [CardScale](/jetpack-compose/androidx.tv/tv-material/classes/CardScale) defines size of the card relative to its original size for different interaction states. See [CardDefaults.scale](/jetpack-compose/androidx.compose.ui/ui-graphics/functions/scale). |
| border | [CardBorder](/jetpack-compose/androidx.tv/tv-material/classes/CardBorder) defines a border around the card for different interaction states. See [CardDefaults.border](/jetpack-compose/androidx.tv/tv-material/classes/Border). |
| glow | [CardGlow](/jetpack-compose/androidx.tv/tv-material/classes/CardGlow) defines a shadow to be shown behind the card for different interaction states. See [CardDefaults.glow](/jetpack-compose/androidx.tv/tv-material/classes/Glow). |
| contentPadding | [PaddingValues](/jetpack-compose/androidx.compose.foundation/foundation-layout/interfaces/PaddingValues) defines the inner padding applied to the card's content. |
| interactionSource | an optional hoisted [MutableInteractionSource](/jetpack-compose/androidx.compose.foundation/foundation/interfaces/MutableInteractionSource) for observing and emitting [Interaction](/jetpack-compose/androidx.compose.foundation/foundation/interfaces/Interaction)s 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. |