Will be called when the user clicks the card

onClick

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 BorderStroke object which is used for the outline drawing. Can be null - then outline will not be drawn

border

The spacing values to apply internally between the container and the content

contentPadding

A Painter which is used for background drawing.

containerPainter

The [MutableInteractionSource] representing the stream of [Interaction]s for this card. You can create and pass in your own remembered [MutableInteractionSource] if you want to observe [Interaction]s and customize the appearance / behavior of this card in different [Interaction]s.

interactionSource

Defines the card's shape. It is strongly recommended to use the default as this shape is a key characteristic of the Wear Material Theme

shape

A slot for a small [Image] associated with the application.

appImage

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

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.

title

content

AppCard

Will be called when the user clicks the button.

Controls the enabled state of the button. When `false`, this button will not be clickable.

Resolves the background for this button in different states.

backgroundColor

The [MutableInteractionSource] representing the stream of [Interaction]s for this Button. You can create and pass in your own remembered [MutableInteractionSource] if you want to observe [Interaction]s and customize the appearance / behavior of this Button in different [Interaction]s.

Resolves the border for this button in different states.

The default, minimum size of the button unless overridden by Modifier.size.

minButtonSize

Values of CompositionLocal providers such as LocalContentColor, LocalContentAlpha, LocalTextStyle which are dependent on a specific material design version and are not part of this material-agnostic library.

contentProviderValues

The content displayed on the [Button] such as text, icon or image

Button

A slot for providing the chip's main label. The contents are expected to be text which is "start" aligned if there is an icon preset and "start" or "center" aligned if not.

label

Will be called when the user clicks the chip

Resolves the background for this chip in different states.

background

A slot for providing the chip's secondary label. The contents are expected to be text which is "start" aligned if there is an icon preset and "start" or "center" aligned if not. label and secondaryLabel contents should be consistently aligned.

secondaryLabel

A slot for providing the chip's icon. The contents are expected to be a horizontally and vertically aligned icon.

icon

Controls the enabled state of the chip. When `false`, this chip will not be clickable

The [MutableInteractionSource] representing the stream of [Interaction]s for this Chip. You can create and pass in your own remembered [MutableInteractionSource] if you want to observe [Interaction]s and customize the appearance / behavior of this Chip in different [Interaction]s.

The spacing values to apply internally between the container and the content.

Defines the chip's shape. It is strongly recommended to use the default as this shape is a key characteristic of the Wear Material Theme.

Resolves the chip border in different states.

Spacing between icon and label, if both are provided.

defaultIconSpacing

Role semantics that accessibility services can use to provide more context to users

role

Chip

A slot for providing the chip's main label. The contents are expected to be text which is "start" aligned if there is an icon preset and "center" aligned if not.

Defines the chip's shape. It is strongly recommended to use the default as this shape is a key characteristic of the Wear Material Theme

Resolves the border for this chip in different states.

The default width of the compact chip if there is no label

defaultIconOnlyCompactChipWidth

Default padding to increase the tap target

defaultCompactChipTapTargetPadding

Spacing between icon and label, if both are provided

CompactChip

painter

Text used by accessibility services to describe what this icon represents. This should always be provided unless this icon is used for decorative purposes, and does not represent a meaningful action that a user can take. This text should be localized, such as by using [androidx.compose.ui.res.stringResource] or similar

contentDescription

Tint to be applied to [painter]. If [Color.Unspecified] is provided, then no  tint is applie

tint

Icon component that draws a [painter] using [tint].

Icon

The text to be displayed, where [AnnotatedString] allows multiple styles to be used.

text

color

The size of glyphs to use when painting the text. See [TextStyle.fontSize].

fontStyle

The typeface thickness to use when painting the text (e.g., [FontWeight.Bold]).

fontWeight

The font family to be used when rendering the text. See [TextStyle.fontFamily].

fontFamily

The amount of space to add between each letter. See [TextStyle.letterSpacing].

letterSpacing

The decorations to paint on the text (e.g., an underline). See [TextStyle.textDecoration].

textDecoration

The alignment of the text within the lines of the paragraph. See [TextStyle.textAlign].

textAlign

Line height for the [Paragraph] in [TextUnit] unit, e.g. SP or EM. See [TextStyle.lineHeight].

lineHeight

overflow

Whether the text should break at soft line breaks. If false, the glyphs in the text will be positioned as if there was unlimited horizontal space. If [softWrap] is false, [overflow] and TextAlign may have unexpected effects.

softWrap

An optional maximum number of lines for the text to span, wrapping if necessary. If the text exceeds the given number of lines, it will be truncated according to [overflow] and [softWrap]. If it is not null, then it must be greater than zero.

maxLines

The minimum height in terms of minimum number of visible lines. It is required that 1 <= [minLines] <= [maxLines].

minLines

A map store composables that replaces certain ranges of the text. It's used to insert composables into text layout. Check [InlineTextContent] for more information.

inlineContent

Callback that is executed when a new text layout is calculated. A [TextLayoutResult] object that callback provides contains paragraph information, size of the text, baselines and other details. The callback can be used to add additional decoration or functionality to the text. For example, to draw selection around the text.

onTextLayout

Style configuration for the text such as color, font, line height etc

style

High level element that displays text and provides semantics / accessibility information.

Text

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

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

Opinionated Wear Material [Card] that offers a specific 3 slot layout to show interactive information about an application, e.

TitleCard

We extracted all components found in the Wear Material Core library in one place. Explore all available and add them to your project.

Jetpack Compose Wear Material Core components

Bring your next idea to life with Compose UI