Composable Function

RemoteTextToggleButton

Wear Material RemoteTextToggleButton is a filled text toggle button which switches between primary colors and tonal colors depending on checked value, and offers a single slot for text.

RemoteTextToggleButtonSample

@Sampled
@RemoteComposable
@Composable
@WearPreviewDevices
@PreviewWrapper(RemoteComponentPreviewWrapper::class)
fun RemoteTextToggleButtonSample(modifier: RemoteModifier = RemoteModifier) {
    val checked = remember { MutableRemoteBoolean(true) }

    RemoteTextToggleButton(
        checked = checked,
        onCheckedChange = valueChange(checked, !checked),
        modifier = modifier,
    ) {
        RemoteText("ABC".rs)
    }
}

RemoteTextToggleButtonVariantSample

@Sampled
@RemoteComposable
@Composable
@WearPreviewDevices
@PreviewWrapper(RemoteComponentPreviewWrapper::class)
fun RemoteTextToggleButtonVariantSample(modifier: RemoteModifier = RemoteModifier) {
    val checked = remember { MutableRemoteBoolean(true) }

    RemoteTextToggleButton(
        checked = checked,
        onCheckedChange = valueChange(checked, !checked),
        modifier = modifier,
        shapes = RemoteTextToggleButtonDefaults.variantShapes(),
    ) {
        RemoteText("ABC".rs)
    }
}

RemoteTextToggleButtonVariantAnimatedSample

@Sampled
@RemoteComposable
@Composable
@WearPreviewDevices
@PreviewWrapper(RemoteComponentPreviewWrapper::class)
fun RemoteTextToggleButtonVariantAnimatedSample(modifier: RemoteModifier = RemoteModifier) {
    val checked = remember { MutableRemoteBoolean(true) }

    RemoteTextToggleButton(
        checked = checked,
        onCheckedChange = valueChange(checked, !checked),
        modifier = modifier,
        shapes = RemoteTextToggleButtonDefaults.variantAnimatedShapes(),
    ) {
        RemoteText("ABC".rs)
    }
}
Jetpack Compose beyond MaterialFree components, screens and templates for apps that don’t look like Google’s. Copy them into your app, or let your coding agent add them.Browse for free

Content updated: