Skip to content
v0.1.1

Android components Advanced

StanceFilterBar

Beta

A scrolling row of filter chips with a clear-all action.

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

Preview

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

StanceFilterBar on AndroidStanceFilterBar on AndroidStanceFilterBar on Android
StanceFilterBar, Light appearance
Light
StanceFilterBar, Dark appearance
Dark
StanceFilterBar, High contrast appearance
High contrast

Usage

kotlin
var selected by remember { mutableStateOf(setOf("signed")) }
StanceFilterBar(
    filters = listOf("signed" to "Signed", "pending" to "Pending", "draft" to "Draft").map { (id, label) -> StanceFilter(id, label, id in selected) },
    onToggle = { id -> selected = if (id in selected) selected - id else selected + id },
    onClearAll = { selected = emptySet() },
)

Accessibility

  • Each chip announces its selected state.

On other platforms

SourceReport an issue