---
title: "SliderColors"
description: "Represents the color used by a [Slider] in different states."
type: "class"
---

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


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

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


```kotlin
class SliderColors(
    val thumbColor: Color,
    val activeTrackColor: Color,
    val activeTickColor: Color,
    val inactiveTrackColor: Color,
    val inactiveTickColor: Color,
    val disabledThumbColor: Color,
    val disabledActiveTrackColor: Color,
    val disabledActiveTickColor: Color,
    val disabledInactiveTrackColor: Color,
    val disabledInactiveTickColor: Color,
)
```


Represents the color used by a `Slider` in different states.

#### Parameters

| | |
| --- | --- |
| thumbColor | thumb color when enabled |
| activeTrackColor | color of the track in the part that is "active", meaning that the thumb is ahead of it |
| activeTickColor | colors to be used to draw tick marks on the active track, if `steps` is specified |
| inactiveTrackColor | color of the track in the part that is "inactive", meaning that the thumb is before it |
| inactiveTickColor | colors to be used to draw tick marks on the inactive track, if `steps` are specified on the Slider is specified |
| disabledThumbColor | thumb colors when disabled |
| disabledActiveTrackColor | color of the track in the "active" part when the Slider is disabled |
| disabledActiveTickColor | colors to be used to draw tick marks on the active track when Slider is disabled and when `steps` are specified on it |
| disabledInactiveTrackColor | color of the track in the "inactive" part when the Slider is disabled |
| disabledInactiveTickColor | colors to be used to draw tick marks on the inactive part of the track when Slider is disabled and when `steps` are specified on it |



## Functions

```kotlin
fun copy(
        thumbColor: Color = this.thumbColor,
        activeTrackColor: Color = this.activeTrackColor,
        activeTickColor: Color = this.activeTickColor,
        inactiveTrackColor: Color = this.inactiveTrackColor,
        inactiveTickColor: Color = this.inactiveTickColor,
        disabledThumbColor: Color = this.disabledThumbColor,
        disabledActiveTrackColor: Color = this.disabledActiveTrackColor,
        disabledActiveTickColor: Color = this.disabledActiveTickColor,
        disabledInactiveTrackColor: Color = this.disabledInactiveTrackColor,
        disabledInactiveTickColor: Color = this.disabledInactiveTickColor,
    ) =
        SliderColors(
            thumbColor.takeOrElse { this.thumbColor },
            activeTrackColor.takeOrElse { this.activeTrackColor },
            activeTickColor.takeOrElse { this.activeTickColor },
            inactiveTrackColor.takeOrElse { this.inactiveTrackColor },
            inactiveTickColor.takeOrElse { this.inactiveTickColor },
            disabledThumbColor.takeOrElse { this.disabledThumbColor },
            disabledActiveTrackColor.takeOrElse { this.disabledActiveTrackColor },
            disabledActiveTickColor.takeOrElse { this.disabledActiveTickColor },
            disabledInactiveTrackColor.takeOrElse { this.disabledInactiveTrackColor },
            disabledInactiveTickColor.takeOrElse { this.disabledInactiveTickColor },
        )
```


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”