Compose Component

Divider

Material Design divider A divider is a thin line that groups content in lists and layouts.

Divider social preview

Divider

Source set: Common
@Composable
public fun Divider(
    modifier: Modifier = Modifier,
    color: Color = MaterialTheme.colors.onSurface.copy(alpha = DividerAlpha),
    thickness: Dp = 1.dp,
    startIndent: Dp = 0.dp,
)

Parameters

modifier Modifier to be applied to the divider line
color color of the divider line
thickness thickness of the divider line, 1 dp is used by default. Using Dp.Hairline will produce a single pixel divider regardless of screen density.
startIndent start offset of this line, no offset by default
Jetpack Compose beyond MaterialFree components, screens and templates for apps that don’t look like Google’s. Copy them into your app, or let your coding agent add them.Browse for free

Content updated: