---
title: Checkbox
date: '2025-07-02'
description:  Provides the user with a checked option.
---

<!-- AUTOGEN:START -->
:::preview[checkbox]
@code
```kotlin
import androidx.compose.foundation.layout.Arrangement
import androidx.compose.foundation.layout.Row
import androidx.compose.runtime.Composable
import androidx.compose.runtime.getValue
import androidx.compose.runtime.mutableStateOf
import androidx.compose.runtime.remember
import androidx.compose.runtime.setValue
import androidx.compose.ui.unit.dp
import com.composables.uikit.components.Checkbox

@Composable
fun CheckboxExample() {
    var checkedA by remember { mutableStateOf(true) }
    var checkedB by remember { mutableStateOf(true) }

    Row(horizontalArrangement = Arrangement.spacedBy(20.dp)) {
        Checkbox(
            checked = checkedA,
            onCheckedChange = { checkedA = it },
        )
        Checkbox(
            checked = checkedB.not(),
            onCheckedChange = { checkedB = it.not() },
        )
    }
}
```
@end
:::

## Installation

{{uikit:installation}}

## Usage

### Checkbox

```kotlin
import androidx.compose.foundation.layout.Arrangement
import androidx.compose.foundation.layout.Row
import androidx.compose.runtime.Composable
import androidx.compose.runtime.getValue
import androidx.compose.runtime.mutableStateOf
import androidx.compose.runtime.remember
import androidx.compose.runtime.setValue
import androidx.compose.ui.unit.dp
import com.composables.uikit.components.Checkbox

@Composable
fun CheckboxExample() {
    var checkedA by remember { mutableStateOf(true) }
    var checkedB by remember { mutableStateOf(true) }

    Row(horizontalArrangement = Arrangement.spacedBy(20.dp)) {
        Checkbox(
            checked = checkedA,
            onCheckedChange = { checkedA = it },
        )
        Checkbox(
            checked = checkedB.not(),
            onCheckedChange = { checkedB = it.not() },
        )
    }
}
```

### Checkbox

```kotlin
import androidx.compose.foundation.layout.Arrangement
import androidx.compose.foundation.layout.Row
import androidx.compose.runtime.Composable
import androidx.compose.runtime.getValue
import androidx.compose.runtime.mutableStateOf
import androidx.compose.runtime.remember
import androidx.compose.runtime.setValue
import androidx.compose.ui.unit.dp
import com.composables.uikit.components.Checkbox

@Composable
fun CheckboxExample() {
    var checkedA by remember { mutableStateOf(true) }
    var checkedB by remember { mutableStateOf(true) }

    Row(horizontalArrangement = Arrangement.spacedBy(20.dp)) {
        Checkbox(
            checked = checkedA,
            onCheckedChange = { checkedA = it },
        )
        Checkbox(
            checked = checkedB.not(),
            onCheckedChange = { checkedB = it.not() },
        )
    }
}
```
<!-- AUTOGEN:END -->