# ToggleChipDefaults Artifact: [androidx.wear.compose:compose-material](https://developer.android.com/jetpack/androidx/releases/wear-compose) [View Source](https://cs.android.com/search?q=file:androidx/wear/compose/material/ToggleChip.kt+class:androidx.wear.compose.material.ToggleChipDefaults) Added in [1.0.0](https://developer.android.com/jetpack/androidx/releases/wear-compose#1.0.0) ``` object ToggleChipDefaults ```
*** ** * ** *** Contains the default values used by `https://developer.android.com/reference/kotlin/androidx/wear/compose/material/ToggleChip.composable#ToggleChip(kotlin.Boolean,kotlin.Function1,kotlin.Function1,kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Function1,kotlin.Function1,androidx.wear.compose.material.ToggleChipColors,kotlin.Boolean,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.foundation.layout.PaddingValues,androidx.compose.ui.graphics.Shape)`s and `https://developer.android.com/reference/kotlin/androidx/wear/compose/material/SplitToggleChip.composable#SplitToggleChip(kotlin.Boolean,kotlin.Function1,kotlin.Function1,kotlin.Function0,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Function1,androidx.wear.compose.material.SplitToggleChipColors,kotlin.Boolean,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.foundation.layout.PaddingValues,androidx.compose.ui.graphics.Shape)`s ## Summary | ### Public functions | |---|---| | `https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/vector/ImageVector` | `https://developer.android.com/reference/kotlin/androidx/wear/compose/material/ToggleChipDefaults#checkboxIcon(kotlin.Boolean)(checked: https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-boolean/index.html)` Creates checkbox style toggle `https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/vector/ImageVector`s for use in the toggleControl slot of a `https://developer.android.com/reference/kotlin/androidx/wear/compose/material/ToggleChip.composable#ToggleChip(kotlin.Boolean,kotlin.Function1,kotlin.Function1,kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Function1,kotlin.Function1,androidx.wear.compose.material.ToggleChipColors,kotlin.Boolean,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.foundation.layout.PaddingValues,androidx.compose.ui.graphics.Shape)` or `https://developer.android.com/reference/kotlin/androidx/wear/compose/material/SplitToggleChip.composable#SplitToggleChip(kotlin.Boolean,kotlin.Function1,kotlin.Function1,kotlin.Function0,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Function1,androidx.wear.compose.material.SplitToggleChipColors,kotlin.Boolean,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.foundation.layout.PaddingValues,androidx.compose.ui.graphics.Shape)`. | | `https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/vector/ImageVector` | `https://developer.android.com/reference/kotlin/androidx/wear/compose/material/ToggleChipDefaults#radioIcon(kotlin.Boolean)(checked: https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-boolean/index.html)` Creates a radio button style toggle `https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/vector/ImageVector`s for use in the toggleControl slot of a `https://developer.android.com/reference/kotlin/androidx/wear/compose/material/ToggleChip.composable#ToggleChip(kotlin.Boolean,kotlin.Function1,kotlin.Function1,kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Function1,kotlin.Function1,androidx.wear.compose.material.ToggleChipColors,kotlin.Boolean,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.foundation.layout.PaddingValues,androidx.compose.ui.graphics.Shape)` or `https://developer.android.com/reference/kotlin/androidx/wear/compose/material/SplitToggleChip.composable#SplitToggleChip(kotlin.Boolean,kotlin.Function1,kotlin.Function1,kotlin.Function0,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Function1,androidx.wear.compose.material.SplitToggleChipColors,kotlin.Boolean,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.foundation.layout.PaddingValues,androidx.compose.ui.graphics.Shape)`. | | `https://developer.android.com/reference/kotlin/androidx/wear/compose/material/SplitToggleChipColors` | `@https://developer.android.com/reference/kotlin/androidx/compose/runtime/Composable https://developer.android.com/reference/kotlin/androidx/wear/compose/material/ToggleChipDefaults#splitToggleChipColors(androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color)( backgroundColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color, contentColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color, secondaryContentColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color, checkedToggleControlColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color, uncheckedToggleControlColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color, splitBackgroundOverlayColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color )` Creates a `https://developer.android.com/reference/kotlin/androidx/wear/compose/material/SplitToggleChipColors` for use in a `https://developer.android.com/reference/kotlin/androidx/wear/compose/material/SplitToggleChip.composable#SplitToggleChip(kotlin.Boolean,kotlin.Function1,kotlin.Function1,kotlin.Function0,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Function1,androidx.wear.compose.material.SplitToggleChipColors,kotlin.Boolean,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.foundation.layout.PaddingValues,androidx.compose.ui.graphics.Shape)`. | | `https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/vector/ImageVector` | `https://developer.android.com/reference/kotlin/androidx/wear/compose/material/ToggleChipDefaults#switchIcon(kotlin.Boolean)(checked: https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-boolean/index.html)` Creates switch style toggle `https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/vector/ImageVector`s for use in the toggleControl slot of a `https://developer.android.com/reference/kotlin/androidx/wear/compose/material/ToggleChip.composable#ToggleChip(kotlin.Boolean,kotlin.Function1,kotlin.Function1,kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Function1,kotlin.Function1,androidx.wear.compose.material.ToggleChipColors,kotlin.Boolean,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.foundation.layout.PaddingValues,androidx.compose.ui.graphics.Shape)` or `https://developer.android.com/reference/kotlin/androidx/wear/compose/material/SplitToggleChip.composable#SplitToggleChip(kotlin.Boolean,kotlin.Function1,kotlin.Function1,kotlin.Function0,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Function1,androidx.wear.compose.material.SplitToggleChipColors,kotlin.Boolean,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.foundation.layout.PaddingValues,androidx.compose.ui.graphics.Shape)`. | | `https://developer.android.com/reference/kotlin/androidx/wear/compose/material/ToggleChipColors` | `@https://developer.android.com/reference/kotlin/androidx/compose/runtime/Composable https://developer.android.com/reference/kotlin/androidx/wear/compose/material/ToggleChipDefaults#toggleChipColors(androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.unit.LayoutDirection)( checkedStartBackgroundColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color, checkedEndBackgroundColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color, checkedContentColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color, checkedSecondaryContentColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color, checkedToggleControlColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color, uncheckedStartBackgroundColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color, uncheckedEndBackgroundColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color, uncheckedContentColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color, uncheckedSecondaryContentColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color, uncheckedToggleControlColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color, gradientDirection: https://developer.android.com/reference/kotlin/androidx/compose/ui/unit/LayoutDirection )` Creates a `https://developer.android.com/reference/kotlin/androidx/wear/compose/material/ToggleChipColors` for use in a `https://developer.android.com/reference/kotlin/androidx/wear/compose/material/ToggleChip.composable#ToggleChip(kotlin.Boolean,kotlin.Function1,kotlin.Function1,kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Function1,kotlin.Function1,androidx.wear.compose.material.ToggleChipColors,kotlin.Boolean,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.foundation.layout.PaddingValues,androidx.compose.ui.graphics.Shape)`. | | ### Public properties | |---|---| | `https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/vector/ImageVector` | `https://developer.android.com/reference/kotlin/androidx/wear/compose/material/ToggleChipDefaults#CheckboxOn()` | | `https://developer.android.com/reference/kotlin/androidx/compose/foundation/layout/PaddingValues` | `https://developer.android.com/reference/kotlin/androidx/wear/compose/material/ToggleChipDefaults#ContentPadding()` The default content padding used by `https://developer.android.com/reference/kotlin/androidx/wear/compose/material/ToggleChip.composable#ToggleChip(kotlin.Boolean,kotlin.Function1,kotlin.Function1,kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Function1,kotlin.Function1,androidx.wear.compose.material.ToggleChipColors,kotlin.Boolean,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.foundation.layout.PaddingValues,androidx.compose.ui.graphics.Shape)` and `https://developer.android.com/reference/kotlin/androidx/wear/compose/material/SplitToggleChip.composable#SplitToggleChip(kotlin.Boolean,kotlin.Function1,kotlin.Function1,kotlin.Function0,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Function1,androidx.wear.compose.material.SplitToggleChipColors,kotlin.Boolean,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.foundation.layout.PaddingValues,androidx.compose.ui.graphics.Shape)` | | `https://developer.android.com/reference/kotlin/androidx/compose/ui/unit/Dp` | `https://developer.android.com/reference/kotlin/androidx/wear/compose/material/ToggleChipDefaults#Height()` The default height applied for the `https://developer.android.com/reference/kotlin/androidx/wear/compose/material/ToggleChip.composable#ToggleChip(kotlin.Boolean,kotlin.Function1,kotlin.Function1,kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Function1,kotlin.Function1,androidx.wear.compose.material.ToggleChipColors,kotlin.Boolean,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.foundation.layout.PaddingValues,androidx.compose.ui.graphics.Shape)` or `https://developer.android.com/reference/kotlin/androidx/wear/compose/material/SplitToggleChip.composable#SplitToggleChip(kotlin.Boolean,kotlin.Function1,kotlin.Function1,kotlin.Function0,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Function1,androidx.wear.compose.material.SplitToggleChipColors,kotlin.Boolean,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.foundation.layout.PaddingValues,androidx.compose.ui.graphics.Shape)`. | | `https://developer.android.com/reference/kotlin/androidx/compose/ui/unit/Dp` | `https://developer.android.com/reference/kotlin/androidx/wear/compose/material/ToggleChipDefaults#IconSize()` The default size of app icons or toggle controls when used inside a `https://developer.android.com/reference/kotlin/androidx/wear/compose/material/ToggleChip.composable#ToggleChip(kotlin.Boolean,kotlin.Function1,kotlin.Function1,kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Function1,kotlin.Function1,androidx.wear.compose.material.ToggleChipColors,kotlin.Boolean,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.foundation.layout.PaddingValues,androidx.compose.ui.graphics.Shape)` or `https://developer.android.com/reference/kotlin/androidx/wear/compose/material/SplitToggleChip.composable#SplitToggleChip(kotlin.Boolean,kotlin.Function1,kotlin.Function1,kotlin.Function0,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Function1,androidx.wear.compose.material.SplitToggleChipColors,kotlin.Boolean,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.foundation.layout.PaddingValues,androidx.compose.ui.graphics.Shape)`. | | `https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/vector/ImageVector` | `https://developer.android.com/reference/kotlin/androidx/wear/compose/material/ToggleChipDefaults#RadioOff()` | | `https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/vector/ImageVector` | `https://developer.android.com/reference/kotlin/androidx/wear/compose/material/ToggleChipDefaults#RadioOn()` | | `https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color` | `https://developer.android.com/reference/kotlin/androidx/wear/compose/material/ToggleChipDefaults#SwitchUncheckedIconColor()` The Wear Material UX recommended color to use for an unchecked switch icon. | ## Public functions ### checkboxIcon Added in [1.0.0](https://developer.android.com/jetpack/androidx/releases/wear-compose#1.0.0) ``` fun checkboxIcon(checked: Boolean): ImageVector ``` Creates checkbox style toggle `https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/vector/ImageVector`s for use in the toggleControl slot of a `https://developer.android.com/reference/kotlin/androidx/wear/compose/material/ToggleChip.composable#ToggleChip(kotlin.Boolean,kotlin.Function1,kotlin.Function1,kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Function1,kotlin.Function1,androidx.wear.compose.material.ToggleChipColors,kotlin.Boolean,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.foundation.layout.PaddingValues,androidx.compose.ui.graphics.Shape)` or `https://developer.android.com/reference/kotlin/androidx/wear/compose/material/SplitToggleChip.composable#SplitToggleChip(kotlin.Boolean,kotlin.Function1,kotlin.Function1,kotlin.Function0,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Function1,androidx.wear.compose.material.SplitToggleChipColors,kotlin.Boolean,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.foundation.layout.PaddingValues,androidx.compose.ui.graphics.Shape)`. Depending on `https://developer.android.com/reference/kotlin/androidx/wear/compose/material/ToggleChipDefaults#checkboxIcon(kotlin.Boolean)` will return either an 'on' (ticked/checked) or 'off' (unticked/unchecked) checkbox image. | Parameters | |---|---| | `checked: https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-boolean/index.html` | whether the `https://developer.android.com/reference/kotlin/androidx/wear/compose/material/ToggleChip.composable#ToggleChip(kotlin.Boolean,kotlin.Function1,kotlin.Function1,kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Function1,kotlin.Function1,androidx.wear.compose.material.ToggleChipColors,kotlin.Boolean,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.foundation.layout.PaddingValues,androidx.compose.ui.graphics.Shape)` or `https://developer.android.com/reference/kotlin/androidx/wear/compose/material/SplitToggleChip.composable#SplitToggleChip(kotlin.Boolean,kotlin.Function1,kotlin.Function1,kotlin.Function0,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Function1,androidx.wear.compose.material.SplitToggleChipColors,kotlin.Boolean,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.foundation.layout.PaddingValues,androidx.compose.ui.graphics.Shape)` is currently 'on' (checked/true) or 'off' (unchecked/false) | ### radioIcon Added in [1.0.0](https://developer.android.com/jetpack/androidx/releases/wear-compose#1.0.0) ``` fun radioIcon(checked: Boolean): ImageVector ``` Creates a radio button style toggle `https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/vector/ImageVector`s for use in the toggleControl slot of a `https://developer.android.com/reference/kotlin/androidx/wear/compose/material/ToggleChip.composable#ToggleChip(kotlin.Boolean,kotlin.Function1,kotlin.Function1,kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Function1,kotlin.Function1,androidx.wear.compose.material.ToggleChipColors,kotlin.Boolean,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.foundation.layout.PaddingValues,androidx.compose.ui.graphics.Shape)` or `https://developer.android.com/reference/kotlin/androidx/wear/compose/material/SplitToggleChip.composable#SplitToggleChip(kotlin.Boolean,kotlin.Function1,kotlin.Function1,kotlin.Function0,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Function1,androidx.wear.compose.material.SplitToggleChipColors,kotlin.Boolean,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.foundation.layout.PaddingValues,androidx.compose.ui.graphics.Shape)`. Depending on `https://developer.android.com/reference/kotlin/androidx/wear/compose/material/ToggleChipDefaults#radioIcon(kotlin.Boolean)` will return either an 'on' (checked) or 'off' (unchecked) radio button icon. | Parameters | |---|---| | `checked: https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-boolean/index.html` | whether the `https://developer.android.com/reference/kotlin/androidx/wear/compose/material/ToggleChip.composable#ToggleChip(kotlin.Boolean,kotlin.Function1,kotlin.Function1,kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Function1,kotlin.Function1,androidx.wear.compose.material.ToggleChipColors,kotlin.Boolean,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.foundation.layout.PaddingValues,androidx.compose.ui.graphics.Shape)` or `https://developer.android.com/reference/kotlin/androidx/wear/compose/material/SplitToggleChip.composable#SplitToggleChip(kotlin.Boolean,kotlin.Function1,kotlin.Function1,kotlin.Function0,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Function1,androidx.wear.compose.material.SplitToggleChipColors,kotlin.Boolean,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.foundation.layout.PaddingValues,androidx.compose.ui.graphics.Shape)` is currently 'on' (checked/true) or 'off' (unchecked/false) | ### splitToggleChipColors Added in [1.6.0](https://developer.android.com/jetpack/androidx/releases/wear-compose#1.6.0) ``` @Composable fun splitToggleChipColors(     backgroundColor: Color = MaterialTheme.colors.surface,     contentColor: Color = MaterialTheme.colors.onSurface,     secondaryContentColor: Color = MaterialTheme.colors.onSurfaceVariant,     checkedToggleControlColor: Color = MaterialTheme.colors.secondary,     uncheckedToggleControlColor: Color = contentColor,     splitBackgroundOverlayColor: Color = Color.White.copy(alpha = 0.05f) ): SplitToggleChipColors ``` Creates a `https://developer.android.com/reference/kotlin/androidx/wear/compose/material/SplitToggleChipColors` for use in a `https://developer.android.com/reference/kotlin/androidx/wear/compose/material/SplitToggleChip.composable#SplitToggleChip(kotlin.Boolean,kotlin.Function1,kotlin.Function1,kotlin.Function0,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Function1,androidx.wear.compose.material.SplitToggleChipColors,kotlin.Boolean,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.foundation.layout.PaddingValues,androidx.compose.ui.graphics.Shape)`. | Parameters | |---|---| | `backgroundColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color = MaterialTheme.colors.surface` | The background color of this `https://developer.android.com/reference/kotlin/androidx/wear/compose/material/SplitToggleChip.composable#SplitToggleChip(kotlin.Boolean,kotlin.Function1,kotlin.Function1,kotlin.Function0,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Function1,androidx.wear.compose.material.SplitToggleChipColors,kotlin.Boolean,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.foundation.layout.PaddingValues,androidx.compose.ui.graphics.Shape)` when enabled | | `contentColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color = MaterialTheme.colors.onSurface` | The content color of this `https://developer.android.com/reference/kotlin/androidx/wear/compose/material/SplitToggleChip.composable#SplitToggleChip(kotlin.Boolean,kotlin.Function1,kotlin.Function1,kotlin.Function0,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Function1,androidx.wear.compose.material.SplitToggleChipColors,kotlin.Boolean,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.foundation.layout.PaddingValues,androidx.compose.ui.graphics.Shape)` when enabled. | | `secondaryContentColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color = MaterialTheme.colors.onSurfaceVariant` | The secondary content color of this `https://developer.android.com/reference/kotlin/androidx/wear/compose/material/SplitToggleChip.composable#SplitToggleChip(kotlin.Boolean,kotlin.Function1,kotlin.Function1,kotlin.Function0,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Function1,androidx.wear.compose.material.SplitToggleChipColors,kotlin.Boolean,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.foundation.layout.PaddingValues,androidx.compose.ui.graphics.Shape)` when enabled | | `checkedToggleControlColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color = MaterialTheme.colors.secondary` | The toggle control content color of this `https://developer.android.com/reference/kotlin/androidx/wear/compose/material/SplitToggleChip.composable#SplitToggleChip(kotlin.Boolean,kotlin.Function1,kotlin.Function1,kotlin.Function0,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Function1,androidx.wear.compose.material.SplitToggleChipColors,kotlin.Boolean,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.foundation.layout.PaddingValues,androidx.compose.ui.graphics.Shape)` when enabled. | | `uncheckedToggleControlColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color = contentColor` | The toggle control content color of this `https://developer.android.com/reference/kotlin/androidx/wear/compose/material/SplitToggleChip.composable#SplitToggleChip(kotlin.Boolean,kotlin.Function1,kotlin.Function1,kotlin.Function0,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Function1,androidx.wear.compose.material.SplitToggleChipColors,kotlin.Boolean,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.foundation.layout.PaddingValues,androidx.compose.ui.graphics.Shape)` when enabled. | | `splitBackgroundOverlayColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color = Color.White.copy(alpha = 0.05f)` | The color to use to lighten/distinguish the background behind the ToggleControl for a split background chip. A split background chip has two tappable areas, one for the main body of the chip and one for area around the toggle control icon. | ### switchIcon Added in [1.0.0](https://developer.android.com/jetpack/androidx/releases/wear-compose#1.0.0) ``` fun switchIcon(checked: Boolean): ImageVector ``` Creates switch style toggle `https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/vector/ImageVector`s for use in the toggleControl slot of a `https://developer.android.com/reference/kotlin/androidx/wear/compose/material/ToggleChip.composable#ToggleChip(kotlin.Boolean,kotlin.Function1,kotlin.Function1,kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Function1,kotlin.Function1,androidx.wear.compose.material.ToggleChipColors,kotlin.Boolean,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.foundation.layout.PaddingValues,androidx.compose.ui.graphics.Shape)` or `https://developer.android.com/reference/kotlin/androidx/wear/compose/material/SplitToggleChip.composable#SplitToggleChip(kotlin.Boolean,kotlin.Function1,kotlin.Function1,kotlin.Function0,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Function1,androidx.wear.compose.material.SplitToggleChipColors,kotlin.Boolean,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.foundation.layout.PaddingValues,androidx.compose.ui.graphics.Shape)`. Depending on `https://developer.android.com/reference/kotlin/androidx/wear/compose/material/ToggleChipDefaults#switchIcon(kotlin.Boolean)` will return either an 'on' (checked) or 'off' (unchecked) switch icon. | Parameters | |---|---| | `checked: https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-boolean/index.html` | whether the `https://developer.android.com/reference/kotlin/androidx/wear/compose/material/ToggleChip.composable#ToggleChip(kotlin.Boolean,kotlin.Function1,kotlin.Function1,kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Function1,kotlin.Function1,androidx.wear.compose.material.ToggleChipColors,kotlin.Boolean,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.foundation.layout.PaddingValues,androidx.compose.ui.graphics.Shape)` or `https://developer.android.com/reference/kotlin/androidx/wear/compose/material/SplitToggleChip.composable#SplitToggleChip(kotlin.Boolean,kotlin.Function1,kotlin.Function1,kotlin.Function0,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Function1,androidx.wear.compose.material.SplitToggleChipColors,kotlin.Boolean,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.foundation.layout.PaddingValues,androidx.compose.ui.graphics.Shape)` is currently 'on' (checked/true) or 'off' (unchecked/false) | ### toggleChipColors Added in [1.6.0](https://developer.android.com/jetpack/androidx/releases/wear-compose#1.6.0) ``` @Composable fun toggleChipColors(     checkedStartBackgroundColor: Color = MaterialTheme.colors.surface .copy(alpha = 0f) .compositeOver(MaterialTheme.colors.surface),     checkedEndBackgroundColor: Color = MaterialTheme.colors.primary .copy(alpha = 0.5f) .compositeOver(MaterialTheme.colors.surface),     checkedContentColor: Color = MaterialTheme.colors.onSurface,     checkedSecondaryContentColor: Color = MaterialTheme.colors.onSurfaceVariant,     checkedToggleControlColor: Color = MaterialTheme.colors.secondary,     uncheckedStartBackgroundColor: Color = MaterialTheme.colors.surface,     uncheckedEndBackgroundColor: Color = uncheckedStartBackgroundColor,     uncheckedContentColor: Color = contentColorFor(checkedEndBackgroundColor),     uncheckedSecondaryContentColor: Color = uncheckedContentColor,     uncheckedToggleControlColor: Color = uncheckedContentColor,     gradientDirection: LayoutDirection = LocalLayoutDirection.current ): ToggleChipColors ``` Creates a `https://developer.android.com/reference/kotlin/androidx/wear/compose/material/ToggleChipColors` for use in a `https://developer.android.com/reference/kotlin/androidx/wear/compose/material/ToggleChip.composable#ToggleChip(kotlin.Boolean,kotlin.Function1,kotlin.Function1,kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Function1,kotlin.Function1,androidx.wear.compose.material.ToggleChipColors,kotlin.Boolean,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.foundation.layout.PaddingValues,androidx.compose.ui.graphics.Shape)`. `https://developer.android.com/reference/kotlin/androidx/wear/compose/material/ToggleChip.composable#ToggleChip(kotlin.Boolean,kotlin.Function1,kotlin.Function1,kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Function1,kotlin.Function1,androidx.wear.compose.material.ToggleChipColors,kotlin.Boolean,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.foundation.layout.PaddingValues,androidx.compose.ui.graphics.Shape)`s are expected to have a linear gradient background when checked, similar to a `https://developer.android.com/reference/kotlin/androidx/wear/compose/material/ChipDefaults#gradientBackgroundChipColors(androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.unit.LayoutDirection)` and a solid neutral background when not checked (similar to a `https://developer.android.com/reference/kotlin/androidx/wear/compose/material/ChipDefaults#secondaryChipColors(androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color)`) | Parameters | |---|---| | `checkedStartBackgroundColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color = MaterialTheme.colors.surface .copy(alpha = 0f) .compositeOver(MaterialTheme.colors.surface)` | The background color used at the start of the gradient of a `https://developer.android.com/reference/kotlin/androidx/wear/compose/material/ToggleChip.composable#ToggleChip(kotlin.Boolean,kotlin.Function1,kotlin.Function1,kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Function1,kotlin.Function1,androidx.wear.compose.material.ToggleChipColors,kotlin.Boolean,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.foundation.layout.PaddingValues,androidx.compose.ui.graphics.Shape)` when enabled and checked. | | `checkedEndBackgroundColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color = MaterialTheme.colors.primary .copy(alpha = 0.5f) .compositeOver(MaterialTheme.colors.surface)` | The background color used at the end of the gradient of a `https://developer.android.com/reference/kotlin/androidx/wear/compose/material/ToggleChip.composable#ToggleChip(kotlin.Boolean,kotlin.Function1,kotlin.Function1,kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Function1,kotlin.Function1,androidx.wear.compose.material.ToggleChipColors,kotlin.Boolean,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.foundation.layout.PaddingValues,androidx.compose.ui.graphics.Shape)` when enabled and checked. | | `checkedContentColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color = MaterialTheme.colors.onSurface` | The content color of a `https://developer.android.com/reference/kotlin/androidx/wear/compose/material/ToggleChip.composable#ToggleChip(kotlin.Boolean,kotlin.Function1,kotlin.Function1,kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Function1,kotlin.Function1,androidx.wear.compose.material.ToggleChipColors,kotlin.Boolean,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.foundation.layout.PaddingValues,androidx.compose.ui.graphics.Shape)` when enabled and checked. | | `checkedSecondaryContentColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color = MaterialTheme.colors.onSurfaceVariant` | The secondary content color of this `https://developer.android.com/reference/kotlin/androidx/wear/compose/material/ToggleChip.composable#ToggleChip(kotlin.Boolean,kotlin.Function1,kotlin.Function1,kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Function1,kotlin.Function1,androidx.wear.compose.material.ToggleChipColors,kotlin.Boolean,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.foundation.layout.PaddingValues,androidx.compose.ui.graphics.Shape)` when enabled and checked, used for secondaryLabel content | | `checkedToggleControlColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color = MaterialTheme.colors.secondary` | The toggle control color of this `https://developer.android.com/reference/kotlin/androidx/wear/compose/material/ToggleChip.composable#ToggleChip(kotlin.Boolean,kotlin.Function1,kotlin.Function1,kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Function1,kotlin.Function1,androidx.wear.compose.material.ToggleChipColors,kotlin.Boolean,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.foundation.layout.PaddingValues,androidx.compose.ui.graphics.Shape)` when enabled and checked, used for toggleControl content | | `uncheckedStartBackgroundColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color = MaterialTheme.colors.surface` | The background color used at the start of the gradient of a `https://developer.android.com/reference/kotlin/androidx/wear/compose/material/ToggleChip.composable#ToggleChip(kotlin.Boolean,kotlin.Function1,kotlin.Function1,kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Function1,kotlin.Function1,androidx.wear.compose.material.ToggleChipColors,kotlin.Boolean,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.foundation.layout.PaddingValues,androidx.compose.ui.graphics.Shape)` when enabled and unchecked. | | `uncheckedEndBackgroundColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color = uncheckedStartBackgroundColor` | The background color used at the end of the gradient of a `https://developer.android.com/reference/kotlin/androidx/wear/compose/material/ToggleChip.composable#ToggleChip(kotlin.Boolean,kotlin.Function1,kotlin.Function1,kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Function1,kotlin.Function1,androidx.wear.compose.material.ToggleChipColors,kotlin.Boolean,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.foundation.layout.PaddingValues,androidx.compose.ui.graphics.Shape)` when enabled and unchecked. | | `uncheckedContentColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color = contentColorFor(checkedEndBackgroundColor)` | The content color of a `https://developer.android.com/reference/kotlin/androidx/wear/compose/material/ToggleChip.composable#ToggleChip(kotlin.Boolean,kotlin.Function1,kotlin.Function1,kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Function1,kotlin.Function1,androidx.wear.compose.material.ToggleChipColors,kotlin.Boolean,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.foundation.layout.PaddingValues,androidx.compose.ui.graphics.Shape)` when enabled and unchecked. | | `uncheckedSecondaryContentColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color = uncheckedContentColor` | The secondary content color of this `https://developer.android.com/reference/kotlin/androidx/wear/compose/material/ToggleChip.composable#ToggleChip(kotlin.Boolean,kotlin.Function1,kotlin.Function1,kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Function1,kotlin.Function1,androidx.wear.compose.material.ToggleChipColors,kotlin.Boolean,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.foundation.layout.PaddingValues,androidx.compose.ui.graphics.Shape)` when enabled and unchecked, used for secondaryLabel content | | `uncheckedToggleControlColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color = uncheckedContentColor` | The toggle control color of this `https://developer.android.com/reference/kotlin/androidx/wear/compose/material/ToggleChip.composable#ToggleChip(kotlin.Boolean,kotlin.Function1,kotlin.Function1,kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Function1,kotlin.Function1,androidx.wear.compose.material.ToggleChipColors,kotlin.Boolean,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.foundation.layout.PaddingValues,androidx.compose.ui.graphics.Shape)` when enabled and unchecked. | | `gradientDirection: https://developer.android.com/reference/kotlin/androidx/compose/ui/unit/LayoutDirection = LocalLayoutDirection.current` | Whether the chips gradient should be start to end (indicated by `https://developer.android.com/reference/kotlin/androidx/compose/ui/unit/LayoutDirection#Ltr`) or end to start (indicated by `https://developer.android.com/reference/kotlin/androidx/compose/ui/unit/LayoutDirection#Rtl`). | ## Public properties ### CheckboxOn Added in [1.0.0](https://developer.android.com/jetpack/androidx/releases/wear-compose#1.0.0) ``` val CheckboxOn: ImageVector ``` ### ContentPadding Added in [1.0.0](https://developer.android.com/jetpack/androidx/releases/wear-compose#1.0.0) ``` val ContentPadding: PaddingValues ``` The default content padding used by `https://developer.android.com/reference/kotlin/androidx/wear/compose/material/ToggleChip.composable#ToggleChip(kotlin.Boolean,kotlin.Function1,kotlin.Function1,kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Function1,kotlin.Function1,androidx.wear.compose.material.ToggleChipColors,kotlin.Boolean,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.foundation.layout.PaddingValues,androidx.compose.ui.graphics.Shape)` and `https://developer.android.com/reference/kotlin/androidx/wear/compose/material/SplitToggleChip.composable#SplitToggleChip(kotlin.Boolean,kotlin.Function1,kotlin.Function1,kotlin.Function0,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Function1,androidx.wear.compose.material.SplitToggleChipColors,kotlin.Boolean,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.foundation.layout.PaddingValues,androidx.compose.ui.graphics.Shape)` ### Height Added in [1.4.0](https://developer.android.com/jetpack/androidx/releases/wear-compose#1.4.0) ``` val Height: Dp ``` The default height applied for the `https://developer.android.com/reference/kotlin/androidx/wear/compose/material/ToggleChip.composable#ToggleChip(kotlin.Boolean,kotlin.Function1,kotlin.Function1,kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Function1,kotlin.Function1,androidx.wear.compose.material.ToggleChipColors,kotlin.Boolean,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.foundation.layout.PaddingValues,androidx.compose.ui.graphics.Shape)` or `https://developer.android.com/reference/kotlin/androidx/wear/compose/material/SplitToggleChip.composable#SplitToggleChip(kotlin.Boolean,kotlin.Function1,kotlin.Function1,kotlin.Function0,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Function1,androidx.wear.compose.material.SplitToggleChipColors,kotlin.Boolean,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.foundation.layout.PaddingValues,androidx.compose.ui.graphics.Shape)`. Note that you can override it by applying Modifier.heightIn directly on `https://developer.android.com/reference/kotlin/androidx/wear/compose/material/ToggleChip.composable#ToggleChip(kotlin.Boolean,kotlin.Function1,kotlin.Function1,kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Function1,kotlin.Function1,androidx.wear.compose.material.ToggleChipColors,kotlin.Boolean,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.foundation.layout.PaddingValues,androidx.compose.ui.graphics.Shape)` or `https://developer.android.com/reference/kotlin/androidx/wear/compose/material/SplitToggleChip.composable#SplitToggleChip(kotlin.Boolean,kotlin.Function1,kotlin.Function1,kotlin.Function0,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Function1,androidx.wear.compose.material.SplitToggleChipColors,kotlin.Boolean,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.foundation.layout.PaddingValues,androidx.compose.ui.graphics.Shape)`. ### IconSize Added in [1.0.0](https://developer.android.com/jetpack/androidx/releases/wear-compose#1.0.0) ``` val IconSize: Dp ``` The default size of app icons or toggle controls when used inside a `https://developer.android.com/reference/kotlin/androidx/wear/compose/material/ToggleChip.composable#ToggleChip(kotlin.Boolean,kotlin.Function1,kotlin.Function1,kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Function1,kotlin.Function1,androidx.wear.compose.material.ToggleChipColors,kotlin.Boolean,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.foundation.layout.PaddingValues,androidx.compose.ui.graphics.Shape)` or `https://developer.android.com/reference/kotlin/androidx/wear/compose/material/SplitToggleChip.composable#SplitToggleChip(kotlin.Boolean,kotlin.Function1,kotlin.Function1,kotlin.Function0,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Function1,androidx.wear.compose.material.SplitToggleChipColors,kotlin.Boolean,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.foundation.layout.PaddingValues,androidx.compose.ui.graphics.Shape)`. ### RadioOff Added in [1.0.0](https://developer.android.com/jetpack/androidx/releases/wear-compose#1.0.0) ``` val RadioOff: ImageVector ``` ### RadioOn Added in [1.0.0](https://developer.android.com/jetpack/androidx/releases/wear-compose#1.0.0) ``` val RadioOn: ImageVector ``` ### SwitchUncheckedIconColor Added in [1.0.0](https://developer.android.com/jetpack/androidx/releases/wear-compose#1.0.0) ``` val SwitchUncheckedIconColor: Color ``` The Wear Material UX recommended color to use for an unchecked switch icon.