ToggleControlScope

ToggleControlScope(isEnabled: Boolean, isChecked: Boolean)

val isChecked: Boolean

Indicates whether the control is currently checked.

val isEnabled: Boolean

Controls the enabled state of the toggle control. When false, the control is displayed with disabled colors.

@Composable
fun ToggleControlScope.Checkbox(
    modifier: Modifier = Modifier,
    colors: CheckboxColors = CheckboxDefaults.colors()
): Unit

Checkbox provides an animated checkbox for use as a toggle control in ToggleButton or SplitToggleButton.

Checkbox sample:

import androidx.compose.material.icons.Icons
import androidx.compose.material.icons.filled.Favorite
import androidx.compose.runtime.mutableStateOf
import androidx.compose.runtime.remember
import androidx.compose.ui.text.style.TextOverflow
import androidx.wear.compose.material3.Checkbox
import androidx.wear.compose.material3.Icon
import androidx.wear.compose.material3.Text
import androidx.wear.compose.material3.ToggleButton

var checked by remember { mutableStateOf(true) }
ToggleButton(
    label = {
        Text("Checkbox", maxLines = 3, overflow = TextOverflow.Ellipsis)
    },
    secondaryLabel = {
        Text("With secondary label", maxLines = 2, overflow = TextOverflow.Ellipsis)
    },
    checked = checked,
    toggleControl = { Checkbox() },
    onCheckedChange = { checked = it },
    icon = {
        Icon(
            Icons.Filled.Favorite,
            contentDescription = "Favorite icon"
        )
    },
    enabled = true,
)

@Composable
fun ToggleControlScope.Switch(
    modifier: Modifier = Modifier,
    colors: SwitchColors = SwitchDefaults.colors()
): Unit

Switch provides an animated switch for use as a toggle control in ToggleButton or SplitToggleButton.

Switch samples:

import androidx.compose.material.icons.Icons
import androidx.compose.material.icons.filled.Favorite
import androidx.compose.runtime.mutableStateOf
import androidx.compose.runtime.remember
import androidx.compose.ui.text.style.TextOverflow
import androidx.wear.compose.material3.Icon
import androidx.wear.compose.material3.Switch
import androidx.wear.compose.material3.Text
import androidx.wear.compose.material3.ToggleButton

var checked by remember { mutableStateOf(true) }
ToggleButton(
    label = {
        Text("Switch", maxLines = 3, overflow = TextOverflow.Ellipsis)
    },
    secondaryLabel = {
        Text("With secondary label", maxLines = 2, overflow = TextOverflow.Ellipsis)
    },
    checked = checked,
    toggleControl = { Switch() },
    onCheckedChange = { checked = it },
    icon = {
        Icon(
            Icons.Filled.Favorite,
            contentDescription = "Favorite icon"
        )
    },
    enabled = true,
)