<div class='sourceset sourceset-android'>Android</div>

```kotlin
public object ToggleChipDefaults
```

Contains the default values used by [ToggleChip](/jetpack-compose/androidx.wear.compose/compose-material/components/ToggleChip)s and [SplitToggleChip](/jetpack-compose/androidx.wear.compose/compose-material/components/SplitToggleChip)s

## Functions

<h2 id="togglechipcolors-checkedstartbackgroundcolor-checkedendbackgroundcolor-checkedcontentcolor-checkedsecondarycontentcolor-checkedtogglecontrolcolor-uncheckedstartbackgroundcolor-uncheckedendbackgroundcolor-uncheckedcontentcolor-uncheckedsecondarycontentcolor-uncheckedtogglecontrolcolor-gradientdirection">toggleChipColors</h2>

```kotlin
@Composable
public 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 [ToggleChipColors](/jetpack-compose/androidx.wear.compose/compose-material/interfaces/ToggleChipColors) for use in a [ToggleChip](/jetpack-compose/androidx.wear.compose/compose-material/components/ToggleChip). [ToggleChip](/jetpack-compose/androidx.wear.compose/compose-material/components/ToggleChip)s are expected to have a
linear gradient background when checked, similar to a
[ChipDefaults.gradientBackgroundChipColors](/jetpack-compose/androidx.wear.compose/compose-material/objects/ChipDefaults) and a solid neutral background when not checked
(similar to a [ChipDefaults.secondaryChipColors](/jetpack-compose/androidx.wear.compose/compose-material/objects/ChipDefaults))

#### Parameters

| | |
| --- | --- |
| checkedStartBackgroundColor | The background color used at the start of the gradient of a [ToggleChip](/jetpack-compose/androidx.wear.compose/compose-material/components/ToggleChip) when enabled and checked. |
| checkedEndBackgroundColor | The background color used at the end of the gradient of a [ToggleChip](/jetpack-compose/androidx.wear.compose/compose-material/components/ToggleChip) when enabled and checked. |
| checkedContentColor | The content color of a [ToggleChip](/jetpack-compose/androidx.wear.compose/compose-material/components/ToggleChip) when enabled and checked. |
| checkedSecondaryContentColor | The secondary content color of this [ToggleChip](/jetpack-compose/androidx.wear.compose/compose-material/components/ToggleChip) when enabled and checked, used for secondaryLabel content |
| checkedToggleControlColor | The toggle control color of this [ToggleChip](/jetpack-compose/androidx.wear.compose/compose-material/components/ToggleChip) when enabled and checked, used for toggleControl content |
| uncheckedStartBackgroundColor | The background color used at the start of the gradient of a [ToggleChip](/jetpack-compose/androidx.wear.compose/compose-material/components/ToggleChip) when enabled and unchecked. |
| uncheckedEndBackgroundColor | The background color used at the end of the gradient of a [ToggleChip](/jetpack-compose/androidx.wear.compose/compose-material/components/ToggleChip) when enabled and unchecked. |
| uncheckedContentColor | The content color of a [ToggleChip](/jetpack-compose/androidx.wear.compose/compose-material/components/ToggleChip) when enabled and checked. |
| uncheckedSecondaryContentColor | The secondary content color of this [ToggleChip](/jetpack-compose/androidx.wear.compose/compose-material/components/ToggleChip) when enabled and unchecked, used for secondaryLabel content |
| uncheckedToggleControlColor | The toggle control color of this [ToggleChip](/jetpack-compose/androidx.wear.compose/compose-material/components/ToggleChip) when enabled and unchecked. |
| gradientDirection | Whether the chips gradient should be start to end (indicated by [LayoutDirection.Ltr](/jetpack-compose/androidx.compose.ui/ui-unit/classes/LayoutDirection.Ltr)) or end to start (indicated by [LayoutDirection.Rtl](/jetpack-compose/androidx.compose.ui/ui-unit/classes/LayoutDirection.Rtl)). |

<hr class="docs-overload-divider">

<h2 id="splittogglechipcolors-backgroundcolor-contentcolor-secondarycontentcolor-checkedtogglecontrolcolor-uncheckedtogglecontrolcolor-splitbackgroundoverlaycolor">splitToggleChipColors</h2>

```kotlin
@Composable
public 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 [SplitToggleChipColors](/jetpack-compose/androidx.wear.compose/compose-material/interfaces/SplitToggleChipColors) for use in a [SplitToggleChip](/jetpack-compose/androidx.wear.compose/compose-material/components/SplitToggleChip).

#### Parameters

| | |
| --- | --- |
| backgroundColor | The background color of this [SplitToggleChip](/jetpack-compose/androidx.wear.compose/compose-material/components/SplitToggleChip) when enabled |
| contentColor | The content color of this [SplitToggleChip](/jetpack-compose/androidx.wear.compose/compose-material/components/SplitToggleChip) when enabled. |
| secondaryContentColor | The secondary content color of this[SplitToggleChip](/jetpack-compose/androidx.wear.compose/compose-material/components/SplitToggleChip) when enabled |
| checkedToggleControlColor | The toggle control content color of this [SplitToggleChip](/jetpack-compose/androidx.wear.compose/compose-material/components/SplitToggleChip) when enabled. |
| uncheckedToggleControlColor | The toggle control content color of this [SplitToggleChip](/jetpack-compose/androidx.wear.compose/compose-material/components/SplitToggleChip) when enabled. |
| splitBackgroundOverlayColor | 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. |

<hr class="docs-overload-divider">

<h2 id="switchicon-checked">switchIcon</h2>

```kotlin
public fun switchIcon(checked: Boolean): ImageVector
```

Creates switch style toggle [ImageVector](/jetpack-compose/androidx.compose.ui/ui/classes/ImageVector)s for use in the toggleControl slot of a
[ToggleChip](/jetpack-compose/androidx.wear.compose/compose-material/components/ToggleChip) or [SplitToggleChip](/jetpack-compose/androidx.wear.compose/compose-material/components/SplitToggleChip). Depending on [checked](/jetpack-compose/androidx.compose.foundation/foundation/functions/checked) will return either an 'on'
(checked) or 'off' (unchecked) switch icon.

#### Parameters

| | |
| --- | --- |
| checked | whether the [ToggleChip](/jetpack-compose/androidx.wear.compose/compose-material/components/ToggleChip) or [SplitToggleChip](/jetpack-compose/androidx.wear.compose/compose-material/components/SplitToggleChip) is currently 'on' (checked/true) or 'off' (unchecked/false) |

<hr class="docs-overload-divider">

<h2 id="radioicon-checked">radioIcon</h2>

```kotlin
public fun radioIcon(checked: Boolean): ImageVector
```

Creates a radio button style toggle [ImageVector](/jetpack-compose/androidx.compose.ui/ui/classes/ImageVector)s for use in the toggleControl slot of a
[ToggleChip](/jetpack-compose/androidx.wear.compose/compose-material/components/ToggleChip) or [SplitToggleChip](/jetpack-compose/androidx.wear.compose/compose-material/components/SplitToggleChip). Depending on [checked](/jetpack-compose/androidx.compose.foundation/foundation/functions/checked) will return either an 'on'
(checked) or 'off' (unchecked) radio button icon.

#### Parameters

| | |
| --- | --- |
| checked | whether the [ToggleChip](/jetpack-compose/androidx.wear.compose/compose-material/components/ToggleChip) or [SplitToggleChip](/jetpack-compose/androidx.wear.compose/compose-material/components/SplitToggleChip) is currently 'on' (checked/true) or 'off' (unchecked/false) |

<hr class="docs-overload-divider">

<h2 id="checkboxicon-checked">checkboxIcon</h2>

```kotlin
public fun checkboxIcon(checked: Boolean): ImageVector
```

Creates checkbox style toggle [ImageVector](/jetpack-compose/androidx.compose.ui/ui/classes/ImageVector)s for use in the toggleControl slot of a
[ToggleChip](/jetpack-compose/androidx.wear.compose/compose-material/components/ToggleChip) or [SplitToggleChip](/jetpack-compose/androidx.wear.compose/compose-material/components/SplitToggleChip). Depending on [checked](/jetpack-compose/androidx.compose.foundation/foundation/functions/checked) will return either an 'on'
(ticked/checked) or 'off' (unticked/unchecked) checkbox image.

#### Parameters

| | |
| --- | --- |
| checked | whether the [ToggleChip](/jetpack-compose/androidx.wear.compose/compose-material/components/ToggleChip) or [SplitToggleChip](/jetpack-compose/androidx.wear.compose/compose-material/components/SplitToggleChip) is currently 'on' (checked/true) or 'off' (unchecked/false) |