🌈 Create new beautiful Compose Gradients with our new wesite ->

ListItem

Kotlin 
@Composable
fun StandardListItems() {
    Column(modifier = Modifier.verticalScroll(rememberScrollState())) {
        HorizontalDivider()

        ListItem(
            leadingContent = { Icon(Icons.Filled.Favorite, contentDescription = null) },
            content = { Text("One line list item") },
        )

        HorizontalDivider()

        ListItem(
            leadingContent = { Icon(Icons.Filled.Favorite, contentDescription = null) },
            supportingContent = { Text("Supporting text") },
            content = { Text("Two line list item") },
        )

        HorizontalDivider()

        ListItem(
            leadingContent = { Icon(Icons.Filled.Favorite, contentDescription = null) },
            overlineContent = { Text("Overline text") },
            supportingContent = { Text("Supporting text") },
            content = { Text("Three line list item") },
        )

        HorizontalDivider()

        ListItem(
            leadingContent = { Icon(Icons.Filled.Favorite, contentDescription = null) },
            supportingContent = { Text("Supporting text\nthat is multiple lines") },
            content = { Text("Another three line list item") },
        )

        HorizontalDivider()
    }
}
View All