Skip to content

Android components Data display

StanceListItem

Beta

A list row with leading content, headline, supporting text and trailing content.

  • PlatformAndroid, Jetpack Compose
  • Builds onA custom Stance component
  • Kindcomposable

Preview

Rendered by the Jetpack Compose library, not drawn by hand.

StanceListItem on AndroidStanceListItem on AndroidStanceListItem on Android
StanceListItem, Light appearance
Light
StanceListItem, Dark appearance
Dark
StanceListItem, High contrast appearance
High contrast

Usage

kotlin
StanceListItem(
    headline = "Sales team signature",
    supporting = "Deployed to 48 users",
    leading = { StanceAvatar("Sales Team") },
    trailing = { StanceBadge("Live", tone = StanceTone.Success) },
    onClick = {},
)

Accessibility

  • Touch target is at least 48dp.
  • A clickable row is one button.

On other platforms