StylishDragHandle

fun StylishDragHandle(modifier: Modifier = Modifier, width: Dp = 32.dp, height: Dp = 4.dp, shape: Shape = MaterialTheme.shapes.extraLarge, color: Color = MaterialTheme.colorScheme.onSurfaceVariant)

The optional visual marker placed on top of a bottom sheet to indicate that it may be dragged, wrapping the Material 3 BottomSheetDefaults.DragHandle with the theme's default look.

Place this inside the sheet's content column at the top. The handle is a small rounded pill with the theme's onSurfaceVariant color and carries a "drag handle" content description for accessibility.

Parameters

modifier

Modifier applied to the handle.

width

Width of the pill. Defaults to 32.dp (Material specification).

height

Height of the pill. Defaults to 4.dp (Material specification).

shape

Shape of the pill. Defaults to MaterialTheme.shapes.extraLarge.

color

Color of the pill. Defaults to MaterialTheme.colorScheme.onSurfaceVariant.