Skip to content
v0.1.1

Android components Advanced

StanceSearchableList

Beta

A search field over a filtered list with a result count and empty state.

  • PlatformAndroid, Jetpack Compose
  • Builds onLazyColumn
  • Kindcomposable

Preview

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

StanceSearchableList on AndroidStanceSearchableList on AndroidStanceSearchableList on Android
StanceSearchableList, Light appearance
Light
StanceSearchableList, Dark appearance
Dark
StanceSearchableList, High contrast appearance
High contrast

Usage

kotlin
val people = listOf("Amara Okafor", "Lukas Brenner", "Priya Nair")
StanceSearchableList(
    items = people,
    matches = { person, query -> person.contains(query, ignoreCase = true) },
    placeholder = "Search users",
    modifier = Modifier.height(StanceSpacing.space24 * 3),
) { person ->
    StanceListItem(person, leading = { StanceAvatar(person) })
}

Accessibility

  • The result count is announced as people type.

On other platforms

SourceReport an issue