fun Dialog(state: DialogState, properties: DialogProperties = DialogProperties(), onDismiss: () -> Unit = DoNothing, content: @Composable DialogScope.() -> Unit)

A stackable, renderless, highly performant foundational component to build dialogs with.

DialogPanel

@Composable

fun DialogScope.DialogPanel(modifier: Modifier = Modifier, enter: EnterTransition = AppearInstantly, exit: ExitTransition = DisappearInstantly, content: @Composable () -> Unit)

A container component that renders the dialog's panel and its contents.

DragIndication

@Composable

fun BottomSheetScope.DragIndication(modifier: Modifier = Modifier, indication: Indication = rememberFocusRingIndication( ringColor = Color.Blue, ringWidth = 4.dp, paddingValues = PaddingValues(horizontal = 8.dp, vertical = 14.dp), cornerRadius = 8.dp ), interactionSource: MutableInteractionSource = remember { MutableInteractionSource() }, onClickLabel: String? = "Toggle sheet")

A drag indication that can be used to control the bottom sheet.

HorizontalScrollbar

@Composable

fun ScrollAreaScope.HorizontalScrollbar(modifier: Modifier = Modifier, enabled: Boolean = true, interactionSource: MutableInteractionSource = remember { MutableInteractionSource() }, reverseLayout2: Boolean = false, thumb: @Composable ScrollbarScope.() -> Unit)

HorizontalSeparator

@Composable

fun HorizontalSeparator(color: Color, modifier: Modifier = Modifier, thickness: Dp = Dp.Hairline)

Creates a horizontal separator line.

Icon

@Composable

fun Icon(imageBitmap: ImageBitmap, contentDescription: String?, modifier: Modifier = Modifier, tint: Color = LocalContentColor.current)

@Composable

fun Icon(painter: Painter, contentDescription: String?, modifier: Modifier = Modifier, tint: Color = LocalContentColor.current)

@Composable

fun Icon(imageVector: ImageVector, contentDescription: String?, modifier: Modifier = Modifier, tint: Color = LocalContentColor.current)

A foundational component used to display icons.

@Composable

fun Menu(state: MenuState, modifier: Modifier = Modifier, content: @Composable MenuScope.() -> Unit)

@Composable

fun ~~Menu~~(modifier: Modifier = Modifier, state: MenuState = rememberMenuState(), ______deprecated: Unit, contents: @Composable MenuScope.() -> Unit)

An unstyled component for Compose Multiplatform that can be used to implement Dropdown Menus with the styling of your choice. Fully accessible, supports keyboard navigation and open/close animations.

MenuButton

@Composable

fun MenuScope.MenuButton(modifier: Modifier = Modifier, mutableInteractionSource: MutableInteractionSource = remember { MutableInteractionSource() }, indication: Indication = LocalIndication.current, enabled: Boolean = true, shape: Shape = RectangleShape, backgroundColor: Color = Color.Unspecified, contentColor: Color = LocalContentColor.current, contentPadding: PaddingValues = NoPadding, borderColor: Color = Color.Unspecified, borderWidth: Dp = 0.dp, horizontalArrangement: Arrangement.Horizontal = Arrangement.Center, verticalAlignment: Alignment.Vertical = Alignment.CenterVertically, contents: @Composable () -> Unit)

A button component that triggers the menu's expanded state when clicked.

MenuContent

@Composable

fun MenuScope.MenuContent(modifier: Modifier = Modifier, enter: EnterTransition = AppearInstantly, exit: ExitTransition = DisappearInstantly, alignment: Alignment.Horizontal = Alignment.Start, contents: @Composable () -> Unit)

The content container for the menu items. This composable handles the positioning and animation of the menu content when it is expanded.

MenuItem

@Composable

fun MenuScope.MenuItem(onClick: () -> Unit, modifier: Modifier = Modifier, enabled: Boolean = true, interactionSource: MutableInteractionSource = remember { MutableInteractionSource() }, indication: Indication = LocalIndication.current, contentPadding: PaddingValues = NoPadding, shape: Shape = RectangleShape, horizontalArrangement: Arrangement.Horizontal = Arrangement.Start, verticalAlignment: Alignment.Vertical = Alignment.CenterVertically, contents: @Composable RowScope.() -> Unit)

A menu item that can be clicked to perform an action and dismiss the menu.

ModalBottomSheet

@Composable

fun ModalBottomSheet(state: ModalBottomSheetState, properties: ModalSheetProperties = ModalSheetProperties(), onDismiss: () -> Unit = DoNothing, content: @Composable ModalBottomSheetScope.() -> Unit)

A foundational component used to build modal bottom sheets.

rememberBottomSheetState

@Composable

fun rememberBottomSheetState(initialDetent: SheetDetent, detents: List<SheetDetent> = listOf(SheetDetent.Hidden, SheetDetent.FullyExpanded), animationSpec: AnimationSpec<Float> = tween(), confirmDetentChange: (SheetDetent) -> Boolean = { true }, decayAnimationSpec: DecayAnimationSpec<Float> = rememberSplineBasedDecay(), velocityThreshold: () -> Dp = { 125.dp }, positionalThreshold: (totalDistance: Dp) -> Dp = { 56.dp }): BottomSheetState

Creates a BottomSheetState

rememberDialogState

@Composable

fun rememberDialogState(initiallyVisible: Boolean): DialogState

@Composable

fun ~~rememberDialogState~~(visible: Boolean = false, ____deprecated_constructor: Unit = Unit): DialogState

Creates a DialogState that can be used to control the visibility of a Dialog.

rememberFocusRingIndication

@Composable

fun rememberFocusRingIndication(ringColor: Color = Color.Unspecified, ringWidth: Dp = Dp.Unspecified, paddingValues: PaddingValues = PaddingValues(), cornerRadius: Dp): Indication

rememberMenuState

@Composable

fun rememberMenuState(expanded: Boolean = false): MenuState

rememberModalBottomSheetState

@Composable

fun rememberModalBottomSheetState(initialDetent: SheetDetent, detents: List<SheetDetent> = listOf(SheetDetent.Hidden, SheetDetent.FullyExpanded), animationSpec: AnimationSpec<Float> = tween(), velocityThreshold: () -> Dp = { 125.dp }, positionalThreshold: (totalDistance: Dp) -> Dp = { 56.dp }, confirmDetentChange: (SheetDetent) -> Boolean = { true }, decayAnimationSpec: DecayAnimationSpec<Float> = rememberSplineBasedDecay()): ModalBottomSheetState

Creates a ModalBottomSheetState that is remembered across compositions.

rememberScrollAreaState

@Composable

fun rememberScrollAreaState(scrollState: ScrollState): ScrollAreaState

Creates a ScrollAreaState from a ScrollState.

@Composable

fun rememberScrollAreaState(lazyListState: LazyListState): ScrollAreaState

Creates a ScrollAreaState from a LazyListState.

@Composable

fun rememberScrollAreaState(lazyGridState: LazyGridState): ScrollAreaState

Creates a ScrollAreaState from a LazyGridState.

Scrim

@Composable

fun DialogScope.Scrim(modifier: Modifier = Modifier, scrimColor: Color = Color.Black.copy(0.6f), enter: EnterTransition = AppearInstantly, exit: ExitTransition = DisappearInstantly)

A component that renders a scrim behind the dialog panel.

@Composable

fun ModalBottomSheetScope.Scrim(modifier: Modifier = Modifier, scrimColor: Color = Color.Black.copy(0.6f), enter: EnterTransition = AppearInstantly, exit: ExitTransition = DisappearInstantly)

A scrim is used to darken the content behind the sheet in order to signify that the rest of the screen is not interactive.

ScrollArea

@Composable

fun ScrollArea(state: ScrollAreaState, modifier: Modifier = Modifier, content: @Composable ScrollAreaScope.() -> Unit)

@Composable

fun ScrollArea(state: ScrollAreaState, modifier: Modifier = Modifier, overscrollEffect: OverscrollEffect? = ScrollableDefaults.overscrollEffect(), overscrollEffectSides: List<OverscrollSides> = listOf( OverscrollSides.Vertical, OverscrollSides.Horizontal ), content: @Composable ScrollAreaScope.() -> Unit)

A foundational component used to build scrollable areas in Compose Multiplatform. The scroll area consists of a content area and optional scrollbars.

Separator

@Composable

fun ColumnScope.Separator(modifier: Modifier = Modifier, color: Color = LocalContentColor.current, thickness: Dp = Dp.Hairline)

Creates a horizontal separator line within a ColumnScope.

@Composable

fun RowScope.Separator(modifier: Modifier = Modifier, color: Color = LocalContentColor.current, thickness: Dp = Dp.Hairline)

Creates a vertical separator line within a RowScope.

Sheet

@Composable

fun ModalBottomSheetScope.Sheet(modifier: Modifier = Modifier, enabled: Boolean = true, content: @Composable BottomSheetScope.() -> Unit)

The main content area of the modal bottom sheet.

Thumb

@Composable

fun ScrollbarScope.Thumb(modifier: Modifier = Modifier, thumbVisibility: ThumbVisibility = ThumbVisibility.AlwaysVisible, enabled: Boolean = true)

VerticalScrollbar

@Composable

fun ScrollAreaScope.VerticalScrollbar(modifier: Modifier = Modifier, enabled: Boolean = true, interactionSource: MutableInteractionSource = remember { MutableInteractionSource() }, reverseLayout: Boolean = false, thumb: @Composable ScrollbarScope.() -> Unit)

VerticalSeparator

@Composable

fun VerticalSeparator(color: Color, modifier: Modifier = Modifier, thickness: Dp = Dp.Hairline)

Creates a vertical separator line.