Divider

Composable Component

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

Dividers image

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

Parameters

modifierModifier to be applied to the divider line
colorcolor of the divider line
thicknessthickness of the divider line, 1 dp is used by default. Using Dp.Hairline will produce a single pixel divider regardless of screen density.
startIndentstart offset of this line, no offset by default

Create your own Component Library

Material Components are meant to be used as is and they do not allow customizations. To build your own Jetpack Compose component library use Compose Unstyled