Skip to content
v0.1.1

Android components Layout

StanceAdaptiveGrid

Beta

A lazy grid that fits as many columns as the window allows on phones, tablets and foldables.

  • PlatformAndroid, Jetpack Compose
  • Builds onLazyVerticalGrid
  • Kindcomposable

Preview

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

StanceAdaptiveGrid on AndroidStanceAdaptiveGrid on AndroidStanceAdaptiveGrid on Android
StanceAdaptiveGrid, Light appearance
Light
StanceAdaptiveGrid, Dark appearance
Dark
StanceAdaptiveGrid, High contrast appearance
High contrast

Usage

kotlin
StanceAdaptiveGrid(modifier = Modifier.height(StanceSpacing.space24 * 2)) {
    items(listOf("Sales", "Legal", "Finance")) { team ->
        StanceCard { Text(team) }
    }
}

Accessibility

  • Reading order follows the grid from start to end.

On other platforms

SourceReport an issue