sheetContent

the [Modifier] to be applied to this scaffold

modifier

scaffoldState

the height of the bottom sheet when it is collapsed

sheetPeekHeight

sheetShape

sheetContainerColor

the preferred content color provided by the bottom sheet to its children. Defaults to the matching content color for [sheetContainerColor], or if that is not a color from the theme, this will keep the same content color set above the bottom sheet.

sheetContentColor

sheetTonalElevation

sheetShadowElevation

optional visual marker to pull the scaffold's bottom sheet

sheetDragHandle

whether the sheet swiping is enabled and should react to the user's input

sheetSwipeEnabled

top app bar of the screen, typically a [SmallTopAppBar]

topBar

component to host [Snackbar]s that are pushed to be shown via [SnackbarHostState.showSnackbar], typically a [SnackbarHost]

snackbarHost

the color used for the background of this scaffold. Use [Color.Transparent] to have no color.

containerColor

the preferred color for content inside this scaffold. Defaults to either the matching content color for [containerColor], or to the current [LocalContentColor] if [containerColor] is not a color from the theme.

contentColor

content of the screen. The lambda receives a [PaddingValues] that should be applied to the content root via [Modifier.padding] and [Modifier.consumeWindowInsets] to properly offset top and bottom bars. If using [Modifier.verticalScroll], apply this modifier to the child of the scroll, and not on the scroll itself

content

Material Design standard bottom sheet scaffold

BottomSheetScaffold

the [Modifier] to be applied to this drawer's content

defines the shape of this drawer's container

drawerShape

the color used for the background of this drawer. Use [Color.Transparent] to have no color.

drawerContainerColor

the preferred color for content inside this drawer. Defaults to either the matching content color for [drawerContainerColor], or to the current [LocalContentColor] if [drawerContainerColor] is not a color from the theme.

drawerContentColor

when [drawerContainerColor] is [ColorScheme.surface], a translucent primary color overlay is applied on top of the container. A higher tonal elevation value will result in a darker color in light theme and lighter color in dark theme. See also: [Surface].

drawerTonalElevation

windowInsets

content inside of a dismissible navigation drawe

Content inside of a dismissible navigation drawer.

DismissibleDrawerSheet

Executes when the user clicks outside of the bottom sheet, after sheet animates to [Hidden].

onDismissRequest

Optional [Modifier] for the bottom sheet.

sheetState

shape

The color used for the background of this bottom sheet

The preferred color for content inside this bottom sheet. Defaults to either the matching content color for [containerColor], or to the current [LocalContentColor] if [containerColor] is not a color from the theme.

The tonal elevation of this bottom sheet.

tonalElevation

Color of the scrim that obscures content when the bottom sheet is open.

scrimColor

Optional visual marker to swipe the bottom sheet.

dragHandle

The content to be displayed inside the bottom sheet

ModalBottomSheet

Optional [Modifier] for the entire component.

sheetElevation

The background color of the bottom sheet.

sheetBackgroundColor

The preferred content color provided by the bottom sheet to its children. Defaults to the matching content color for [sheetBackgroundColor], or if that is not a color from the theme, this will keep the same content color set above the bottom sheet.

The color of the scrim that is applied to the rest of the screen when the bottom sheet is visible. If the color passed is [Color.Unspecified], then a scrim will no longer be applied and the bottom sheet will not block interaction with the rest of the screen when visible.

ModalBottomSheetLayout

ModalBottomSheetPopup

content inside of a modal navigation drawe

Content inside of a modal navigation drawer.

ModalDrawerSheet

content inside a permanent navigation drawe

Content inside of a permanent navigation drawer.

PermanentDrawerSheet

initialValue

The default animation that will be used to animate to a new state.

animationSpec

Whether the half expanded state, if the sheet is tall enough, should be skipped. If true, the sheet will always expand to the [Expanded] state and move to the [Hidden] state when hiding the sheet, either programmatically or by user interaction. <b>Must not be set to true if the [initialValue] is [ModalBottomSheetValue.HalfExpanded].</b> If supplied with [ModalBottomSheetValue.HalfExpanded] for the [initialValue], an [IllegalArgumentException] will be thrown.

skipHalfExpanded

Optional callback invoked to confirm or veto a pending state change

confirmStateChange

Create a [ModalBottomSheetState] and [remember] it.

rememberModalBottomSheetState

A list of all Jetpack Compose Bottom Sheet components listed on our website, you can use in your Jetpack Compose projects.

Jetpack Compose Bottom Sheet components

BottomSheetScaffold

ModalBottomSheet

ModalBottomSheetLayout

Bring your next idea to life with Compose UI