---
title: "CheckboxColors"
description: "Represents the colors used by the three different sections (checkmark, box, and border) of a
[Checkbox] or [TriStateCheckbox] in different states.

See [CheckboxDefaults.colors] for the default implementation that follows Material
specifications."
type: "interface"
---

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


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

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



```kotlin
interface CheckboxColors
```


Represents the colors used by the three different sections (checkmark, box, and border) of a
`Checkbox` or `TriStateCheckbox` in different states.

See `CheckboxDefaults.colors` for the default implementation that follows Material
specifications.


## Functions

```kotlin
@Composable fun checkmarkColor(state: ToggleableState): State<Color>
```


Represents the color used for the checkmark inside the checkbox, depending on `state`.

#### Parameters

| | |
| --- | --- |
| state | the `ToggleableState` of the checkbox |



```kotlin
@Composable fun boxColor(enabled: Boolean, state: ToggleableState): State<Color>
```


Represents the color used for the box (background) of the checkbox, depending on `enabled`
and `state`.

#### Parameters

| | |
| --- | --- |
| enabled | whether the checkbox is enabled or not |
| state | the `ToggleableState` of the checkbox |



```kotlin
@Composable fun borderColor(enabled: Boolean, state: ToggleableState): State<Color>
```


Represents the color used for the border of the checkbox, depending on `enabled` and `state`.

#### Parameters

| | |
| --- | --- |
| enabled | whether the checkbox is enabled or not |
| state | the `ToggleableState` of the checkbox |