Will be called when the user clicks the card

onClick

A slot for displaying the application name, expected to be a single line of start aligned text of [Typography.title3]

appName

A slot for displaying the time relevant to the contents of the card, expected to be a short piece of end aligned text.

time

A slot for displaying the title of the card, expected to be one or two lines of start aligned text of [Typography.button]

title

modifier

Controls the enabled state of the card. When false, this card will not be clickable and there will be no ripple effect on click. Wear cards do not have any specific elevation or alpha differences when not enabled - they are simply not clickable.

enabled

A slot for a small ([CardDefaults.AppImageSize]x[CardDefaults.AppImageSize] ) [Image] associated with the application.

appImage

A painter used to paint the background of the card. A card will normally have a gradient background. Use [CardDefaults.cardBackgroundPainter()] to obtain an appropriate painter

backgroundPainter

The default color to use for content() slot unless explicitly set.

contentColor

The default color to use for appName() and appImage() slots unless explicitly set.

appColor

The default color to use for time() slot unless explicitly set.

timeColor

The default color to use for title() slot unless explicitly set

titleColor

AppCard

the [Modifier] to be applied to this card

defines the shape of this card's container, border (when [border] is not null), and shadow (when using [elevation])

shape

[CardColors] that will be used to resolve the colors used for this card in different states. See [CardDefaults.cardColors].

colors

[CardElevation] used to resolve the elevation for this card in different states. This controls the size of the shadow below the card. Additionally, when the container color is [ColorScheme.surface], this controls the amount of primary color applied as an overlay. See also: [Surface].

elevation

the border to draw around the container of this car

border

Card

CheckboxCard

A compact card that gives the user a choice.

ChoiceCompactCard

defines the [Composable] image to be displayed on top of the Card.

image

defines the [Composable] title placed below the image in the Card.

the [Modifier] to be applied to this card.

defines the [Composable] supporting text placed below the title of the Card.

subtitle

defines the [Composable] description placed below the subtitle of the Card.

description

[CardShape] defines the shape of this card's container in different interaction states. See [CardDefaults.shape].

[CardColors] defines the background & content colors used in this card for different interaction states. See [CardDefaults.colors].

[CardScale] defines size of the card relative to its original size for different interaction states. See [CardDefaults.scale].

scale

[CardBorder] defines a border around the card for different interaction states. See [CardDefaults.border].

[CardGlow] defines a shadow to be shown behind the card for different interaction states. See [CardDefaults.glow].

glow

[PaddingValues] defines the inner padding applied to the card's content.

contentPadding

the [MutableInteractionSource] representing the stream of [Interaction]s for this card. You can create and pass in your own `remember`ed instance to observe [Interaction]s and customize the appearance / behavior of this card in different states

interactionSource

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

ClassicCard

[CardColors] defines the background & content colors used in this card for different interaction states. See [CardDefaults.compactCardColors].

[Brush] defines a brush/gradient to be used to draw the scrim over the image in the background. See [CardDefaults.ContainerGradient].

scrimBrush

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

CompactCard

ContentCard

defines the shape of this card's container and shadow (when using [elevation])

[CardColors] that will be used to resolve the color(s) used for this card in different states. See [CardDefaults.elevatedCardElevation].

[CardElevation] used to resolve the elevation for this card in different states. This controls the size of the shadow below the card. Additionally, when the container color is [ColorScheme.surface], this controls the amount of primary color applied as an overlay. See also: [Surface]

ElevatedCard

A card that showcases a feature of your app.

FeatureShowcaseCard

A card that displays a single item (usually in a list)

ItemListCard

[CardColors] that will be used to resolve the color(s) used for this card in different states. See [CardDefaults.outlinedCardColors].

OutlinedCard

A card that displays a social media post.

PostCard

ProfileCard

A compact card that displays a single profile with a Call to Action

ProfileCompactCard

defines the [Composable] to be used for the image card. See [CardLayoutDefaults.ImageCard] to create an image card. The `interactionSource` param provided in the lambda function should be forwarded and used with the image card composable.

imageCard

defines the [Composable] title placed below the image card in the CardLayout.

the [Modifier] to be applied to this CardLayout.

defines the [Composable] supporting text placed below the title in CardLayout.

defines the [Composable] description placed below the subtitle in CardLayout.

[CardLayoutColors] defines the content color used in the CardLayout for different interaction states. See [CardLayoutDefaults.contentColor].

the [MutableInteractionSource] representing the stream of [Interaction]s for this CardLayout. You can create and pass in your own `remember`ed instance to observe [Interaction]s and customize the appearance / behavior of this card layout in different states. This interaction source param would also be forwarded to be used with the `imageCard` composable

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

StandardCardLayout

A slot for displaying the title of the card, expected to be one or two lines of text of [Typography.button]

An optional slot for displaying the time relevant to the contents of the card, expected to be a short piece of end aligned text.

A painter used to paint the background of the card. A title card can have either a gradient background or an image background, use [CardDefaults.cardBackgroundPainter()] or [CardDefaults.imageBackgroundPainter()] to obtain an appropriate painter

The default color to use for title() slot unless explicitly set.

The default color to use for time() slot unless explicitly set

TitleCard

A card that lists tasks that need to be done.

TodoCard

defines the [Composable] to be used for the image card. See [CardLayoutDefaults.ImageCard] to create an image card. The `interactionSource` param provided in the lambda function should to be forwarded and used with the image card composable.

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

WideCardLayout

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

WideClassicCard

A list of all Jetpack Compose Card components listed on our website, you can use in your Jetpack Compose projects.

Jetpack Compose Card components