← Back to Compose Multiplatform
Checkbox
Component
in
Compose Multiplatform
. Since 1.3.0-beta01
Overview
Examples
Community Notes
Video
@Composable
fun CheckboxSample() {
val checkedState = remember { mutableStateOf(true) }
Checkbox(
checked = checkedState.value,
onCheckedChange = { checkedState.value = it }
)
}
@Composable
fun CheckboxWithTextSample() {
val (checkedState, onStateChange) = remember { mutableStateOf(true) }
Row(
Modifier
.fillMaxWidth()
.height(56.dp)
.toggleable(
value = checkedState,
onValueChange = { onStateChange(!checkedState) },
role = Role.Checkbox
)
.padding(horizontal = 16.dp),
verticalAlignment = Alignment.CenterVertically
) {
Checkbox(
checked = checkedState,
onCheckedChange = null // null recommended for accessibility with screenreaders
)
Text(
text = "Option selection",
style = MaterialTheme.typography.bodyLarge,
modifier = Modifier.padding(start = 16.dp)
)
}
}
@Composable
fun CheckboxSample() {
val checkedState = remember { mutableStateOf(true) }
Checkbox(
checked = checkedState.value,
onCheckedChange = { checkedState.value = it }
)
}

Previous Component← CenterAlignedTopAppBar
Next ComponentChip →