← Back to Compose Multiplatform
MultiChoiceSegmentedButtonRow
Component
in
Compose Multiplatform
. Since 1.6.0-alpha02Overview
Examples
Community Notes
@Composable
@Preview
fun SegmentedButtonMultiSelectSample() {
val checkedList = remember { mutableStateListOf<Int>() }
val options = listOf("Favorites", "Trending", "Saved")
val icons = listOf(
Icons.Filled.StarBorder,
Icons.AutoMirrored.Filled.TrendingUp,
Icons.Filled.BookmarkBorder
)
MultiChoiceSegmentedButtonRow {
options.forEachIndexed { index, label ->
SegmentedButton(
shape = SegmentedButtonDefaults.itemShape(index = index, count = options.size),
icon = {
SegmentedButtonDefaults.Icon(active = index in checkedList) {
Icon(
imageVector = icons[index],
contentDescription = null,
modifier = Modifier.size(SegmentedButtonDefaults.IconSize)
)
}
},
onCheckedChange = {
if (index in checkedList) {
checkedList.remove(index)
} else {
checkedList.add(index)
}
},
checked = index in checkedList
) {
Text(label)
}
}
}
}

Previous Component← ModalNavigationDrawer
Next ComponentNavigationBar →
