---
title: Destructive Button
date: '2025-07-02'
description: Destructive buttons indicate a dangerous operation, such as deletion.
---

<!-- AUTOGEN:START -->
:::preview[destructivebutton]
@code
```kotlin
import androidx.compose.runtime.Composable
import com.composables.uikit.components.DestructiveButton
import com.composables.uikit.components.Text

@Composable
fun DestructiveButtonExample() {
    DestructiveButton(onClick = { /* TODO */ }) {
        Text("Delete")
    }
}
```
@end
:::

## Installation

{{uikit:installation}}

## Usage

```kotlin
import androidx.compose.runtime.Composable
import com.composables.uikit.components.DestructiveButton
import com.composables.uikit.components.Text

@Composable
fun DestructiveButtonExample() {
    DestructiveButton(onClick = { /* TODO */ }) {
        Text("Delete")
    }
}
```
<!-- AUTOGEN:END -->