Skip to content
Selection & Inputs

Radio Button

Pick exactly one option from a set

Radio buttons let people select a single option from a mutually exclusive set. Wrap each row in Modifier.selectable so the whole row is tappable and accessible.

Radio Button demos rendered in Compose Playground
Pixel-accurate preview · light theme

Examples

01

Selectable group

Make the entire row toggle the selection, not just the dot.

Kotlin
val options = listOf("Standard", "Priority", "Express")
var selected by remember { mutableStateOf(options.first()) }
options.forEach { option ->
    Row(
        modifier = Modifier.selectable(
            selected = option == selected,
            onClick = { selected = option }
        ),
        verticalAlignment = Alignment.CenterVertically
    ) {
        RadioButton(selected = option == selected, onClick = null)
        Text(option)
    }
}