---
title: "SelectableChipColors"
description: "Represents the container and content colors used in a selectable chip in different states.

See [FilterChipDefaults.filterChipColors] and [FilterChipDefaults.elevatedFilterChipColors] for
the default colors used in [FilterChip]."
type: "class"
---

<div class='type'>Class</div>


<a id='references'></a>

<div class='sourceset sourceset-common'>Common</div>


```kotlin
class SelectableChipColors
constructor(
    private val containerColor: Color,
    private val labelColor: Color,
    private val leadingIconColor: Color,
    private val trailingIconColor: Color,
    private val disabledContainerColor: Color,
    private val disabledLabelColor: Color,
    private val disabledLeadingIconColor: Color,
    private val disabledTrailingIconColor: Color,
    private val selectedContainerColor: Color,
    private val disabledSelectedContainerColor: Color,
    private val selectedLabelColor: Color,
    private val selectedLeadingIconColor: Color,
    private val selectedTrailingIconColor: Color,
)
```


Represents the container and content colors used in a selectable chip in different states.

See `FilterChipDefaults.filterChipColors` and `FilterChipDefaults.elevatedFilterChipColors` for
the default colors used in `FilterChip`.


## Functions

```kotlin
fun copy(
        containerColor: Color = this.containerColor,
        labelColor: Color = this.labelColor,
        leadingIconColor: Color = this.leadingIconColor,
        trailingIconColor: Color = this.trailingIconColor,
        disabledContainerColor: Color = this.disabledContainerColor,
        disabledLabelColor: Color = this.disabledLabelColor,
        disabledLeadingIconColor: Color = this.disabledLeadingIconColor,
        disabledTrailingIconColor: Color = this.disabledTrailingIconColor,
        selectedContainerColor: Color = this.selectedContainerColor,
        disabledSelectedContainerColor: Color = this.disabledSelectedContainerColor,
        selectedLabelColor: Color = this.selectedLabelColor,
        selectedLeadingIconColor: Color = this.selectedLeadingIconColor,
        selectedTrailingIconColor: Color = this.selectedTrailingIconColor,
    ) =
        SelectableChipColors(
            containerColor.takeOrElse { this.containerColor },
            labelColor.takeOrElse { this.labelColor },
            leadingIconColor.takeOrElse { this.leadingIconColor },
            trailingIconColor.takeOrElse { this.trailingIconColor },
            disabledContainerColor.takeOrElse { this.disabledContainerColor },
            disabledLabelColor.takeOrElse { this.disabledLabelColor },
            disabledLeadingIconColor.takeOrElse { this.disabledLeadingIconColor },
            disabledTrailingIconColor.takeOrElse { this.disabledTrailingIconColor },
            selectedContainerColor.takeOrElse { this.selectedContainerColor },
            disabledSelectedContainerColor.takeOrElse { this.disabledSelectedContainerColor },
            selectedLabelColor.takeOrElse { this.selectedLabelColor },
            selectedLeadingIconColor.takeOrElse { this.selectedLeadingIconColor },
            selectedTrailingIconColor.takeOrElse { this.selectedTrailingIconColor },
        )
```


Returns a copy of this SelectableChipColors, optionally overriding some of the values. This
uses the Color.Unspecified to mean “use the value from the source”