---
title: Outlined Button
date: '2025-07-02'
description: Outlined buttons are usually additional actions the user can perform in the app.
---
<!-- AUTOGEN:START -->
:::preview[outlinedbutton]
@code
```kotlin
import androidx.compose.runtime.Composable
import com.composables.uikit.components.OutlinedButton
import com.composables.uikit.components.Text

@Composable
fun OutlinedButtonExample() {
    OutlinedButton(onClick = { /* TODO */ }) {
        Text("Outlined Button")
    }
}
```
@end
:::

## Installation

{{uikit:installation}}

## Usage

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

@Composable
fun OutlinedButtonExample() {
    OutlinedButton(onClick = { /* TODO */ }) {
        Text("Outlined Button")
    }
}
```
<!-- AUTOGEN:END -->