TextToggleButtonDefaults

@Composable
fun animatedShapes(
    shape: CornerBasedShape = TextToggleButtonDefaults.shape,
    pressedShape: CornerBasedShape = TextToggleButtonDefaults.pressedShape
): TextToggleButtonShapes

Creates a Shape with a animation between two CornerBasedShapes.

A simple text toggle button using the default colors, animated when pressed.

import androidx.compose.runtime.mutableStateOf
import androidx.compose.runtime.remember
import androidx.wear.compose.material3.Text
import androidx.wear.compose.material3.TextToggleButton
import androidx.wear.compose.material3.TextToggleButtonDefaults

var checked by remember { mutableStateOf(true) }
TextToggleButton(
    checked = checked,
    onCheckedChange = { checked = !checked },
    shapes = TextToggleButtonDefaults.animatedShapes(),
) {
    Text(text = if (checked) "On" else "Off")
}

@Composable
fun shapes(shape: Shape = TextToggleButtonDefaults.shape): TextToggleButtonShapes

Creates a TextToggleButtonShapes with a static shape.

@Composable
fun textToggleButtonColors(): TextToggleButtonColors

Creates a TextToggleButtonColors for a TextToggleButton

• by default, a colored background with a contrasting content color. If the button is disabled, then the colors will have an alpha (DisabledContainerAlpha or DisabledContentAlpha) value applied.

@Composable
fun textToggleButtonColors(
    checkedContainerColor: Color = Color.Unspecified,
    checkedContentColor: Color = Color.Unspecified,
    uncheckedContainerColor: Color = Color.Unspecified,
    uncheckedContentColor: Color = Color.Unspecified,
    disabledCheckedContainerColor: Color = Color.Unspecified,
    disabledCheckedContentColor: Color = Color.Unspecified,
    disabledUncheckedContainerColor: Color = Color.Unspecified,
    disabledUncheckedContentColor: Color = Color.Unspecified
): TextToggleButtonColors

Creates a TextToggleButtonColors for a TextToggleButton

• by default, a colored background with a contrasting content color. If the button is disabled, then the colors will have an alpha (DisabledContainerAlpha or DisabledContentAlpha) value applied.

@Composable
fun variantAnimatedShapes(
    unchecked: CornerBasedShape = shape,
    checked: CornerBasedShape = checkedShape,
    pressed: CornerBasedShape = pressedShape
): TextToggleButtonShapes

Creates a Shape with an animation between three CornerSizes based on the pressed state and checked/unchecked.

A simple text toggle button using the default colors, animated on Press and Check/Uncheck:

import androidx.compose.runtime.mutableStateOf
import androidx.compose.runtime.remember
import androidx.wear.compose.material3.Text
import androidx.wear.compose.material3.TextToggleButton
import androidx.wear.compose.material3.TextToggleButtonDefaults

var checked by remember { mutableStateOf(true) }
TextToggleButton(
    checked = checked,
    onCheckedChange = { checked = !checked },
    shapes = TextToggleButtonDefaults.variantAnimatedShapes()
) {
    Text(text = if (checked) "On" else "Off")
}

val DefaultButtonSize: Dp

The default size applied for text toggle buttons. It is recommended to apply this size using Modifier.touchTargetAwareSize.

val ExtraLargeButtonSize: Dp

The recommended size for an extra large text toggle button. It is recommended to apply this size using Modifier.touchTargetAwareSize.

val LargeButtonSize: Dp

The recommended size for a large text toggle button. It is recommended to apply this size using Modifier.touchTargetAwareSize.

val checkedShape: CornerBasedShape

Recommended checked Shape for TextToggleButton.

val defaultButtonTextStyle: TextStyle

The default text style applied for text toggle buttons.

val extraLargeButtonTextStyle: TextStyle

The recommended text style for an extra large text toggle button.

val largeButtonTextStyle: TextStyle

The recommended text style for a large text toggle button.

val pressedShape: CornerBasedShape

Recommended pressed Shape for TextToggleButton.

val shape: RoundedCornerShape

Recommended Shape for TextToggleButton.