Skip to content

Android components Overlays

StanceBottomSheet

Beta

A modal bottom sheet for secondary tasks, with a drag handle and title.

  • PlatformAndroid, Jetpack Compose
  • Builds onModalBottomSheet
  • Kindcomposable

Preview

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

StanceBottomSheet on AndroidStanceBottomSheet on AndroidStanceBottomSheet on Android
StanceBottomSheet, Light appearance
Light
StanceBottomSheet, Dark appearance
Dark
StanceBottomSheet, High contrast appearance
High contrast

Usage

kotlin
var open by remember { mutableStateOf(false) }
StanceButton("Share template", onClick = { open = true }, variant = StanceButtonVariant.Outline)
if (open) {
    StanceBottomSheet(onDismissRequest = { open = false }, title = "Share template") {
        StanceListItem("Copy link", leading = { StanceIcon(StanceIcons.Link, null) }, onClick = { open = false })
        StanceListItem("Send by email", leading = { StanceIcon(StanceIcons.Mail, null) }, onClick = { open = false })
    }
}

Accessibility

  • Supports drag, back and scrim taps to dismiss.

On other platforms