Navigation

SKBottomSheet

SKBottomSheet handles partial, expanded and hidden detents, nested scrolling and edge-to-edge insets so sheets behave correctly on gesture-navigation devices.

Experimentalsince 1.6.0Compose · XML plannedAll components

Not yet released. SKBottomSheet is planned for 1.6.0; the current published release (1.4.0-alpha01) ships SKText and SKTextField only.

Usage

SKBottomSheet.kt
SKBottomSheet(
    state = sheetState,
    detents = listOf(SKDetent.Half, SKDetent.Full),
    onDismiss = ::close
) {
    FilterPanel()
}

Props

PropTypeDefaultDescription
stateSKSheetState—Hoisted open/detent state.
detentsList<SKDetent>[Full]Allowed stop points.

Accessibility

Drag handle exposes expand/collapse actions to assistive tech; focus moves into the sheet on open.

Theming

Corner radius and scrim from SKTheme.

API surface

  • SKBottomSheet
  • SKSheetState
  • SKDetent

Related

SKNavigation

Coming Soon

Adaptive navigation bar, rail and drawer.