Skip to content
v0.1.1

Android components Data display

StanceBadge

Beta

A short status label in soft, solid or outline styles with five tones.

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

Preview

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

StanceBadge on AndroidStanceBadge on AndroidStanceBadge on Android
StanceBadge, Light appearance
Light
StanceBadge, Dark appearance
Dark
StanceBadge, High contrast appearance
High contrast

Usage

kotlin
Row(horizontalArrangement = Arrangement.spacedBy(StanceSpacing.space2)) {
    StanceBadge("Live", tone = StanceTone.Success)
    StanceBadge("Pending", tone = StanceTone.Warning)
    StanceBadge("Failed", tone = StanceTone.Danger)
}

Accessibility

  • Status is carried by the text, not only colour.

On other platforms

SourceReport an issue