Skip to content
v0.1.1

Android components Data display

StanceCard

Beta

Groups related content in outline, elevated or filled styles, optionally as one clickable target.

  • PlatformAndroid, Jetpack Compose
  • Builds onSurface
  • Kindcomposable

Preview

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

StanceCard on AndroidStanceCard on AndroidStanceCard on Android
StanceCard, Light appearance
Light
StanceCard, Dark appearance
Dark
StanceCard, High contrast appearance
High contrast

Usage

kotlin
StanceCard(variant = StanceCardVariant.Outline, onClick = {}) {
    Text("Sales team signature", style = StanceTheme.typography.title)
    Text("Deployed to 48 users", style = StanceTheme.typography.bodySmall, color = StanceTheme.colors.fgMuted)
}

Accessibility

  • A clickable card is one action for screen readers.

On other platforms

SourceReport an issue