OutlinedToggleButton examples in Material 3 Compose

Material Design toggle button Toggle button is a toggleable button that switches between primary and tonal colors depending on checked's value.

OutlinedToggleButtonSample

@Preview
@Sampled
@Composable
fun OutlinedToggleButtonSample() {
    var checked by rememberSaveable { mutableStateOf(false) }
    OutlinedToggleButton(checked = checked, onCheckedChange = { checked = it }) {
        Text("Outlined Button")
    }
}

ToggleButtonWithButtonSizeSample

@Preview
@Sampled
@Composable
fun ToggleButtonWithButtonSizeSample() {
    var checked by rememberSaveable { mutableStateOf(false) }
    ToggleButton(
        checked = checked,
        onCheckedChange = { checked = it },
        buttonSize = ToggleButtonSize.Small,
        icon = {
            Icon(
                if (checked) Icons.Filled.Edit else Icons.Outlined.Edit,
                contentDescription = "Localized description",
            )
        },
    ) {
        Text("Label")
    }
}