Skip to content

SideSheetDefaults

SideSheetDefaults

object SideSheetDefaults {
val SheetMaxWidth: Dp = 360.dp
val ModalElevation: Dp = 1.dp
val ScrimColor: Color = Color.Black.copy(alpha = 0.32f)
val DragHandleColor: Color = Color(0xFF79747E).copy(alpha = 0.4f)
fun expandedShape(edge: SideSheetEdge): Shape
fun standardShape(): Shape
fun bottomSheetShape(): Shape
@Composable
fun colors(
containerColor: Color = /* adaptive light/dark */,
contentColor: Color = /* adaptive light/dark */,
scrimColor: Color = ScrimColor,
handleColor: Color = /* adaptive light/dark */,
): SideSheetColors
}

Constants

ConstantValueDescription
SheetMaxWidth360.dpDefault sheet width per M3 spec
ModalElevation1.dpM3 Level 1 elevation
ScrimColor#000000 @ 32%Default scrim overlay color
DragHandleColor#79747E @ 40%Default drag handle color

Shape Functions

FunctionDescription
expandedShape(edge)28dp rounded on inner edge only
standardShape()No rounding (RectangleShape)
bottomSheetShape()28dp rounded on top edge

SideSheetColors

@Immutable
data class SideSheetColors(
val containerColor: Color,
val contentColor: Color,
val scrimColor: Color,
val handleColor: Color,
)

SideSheetDragHandle

@Composable
fun SideSheetDragHandle(
modifier: Modifier = Modifier,
color: Color = SideSheetDefaults.DragHandleColor,
)

A vertical pill (4dp wide x 32dp tall) matching the M3 drag handle spec.