---
title: Dividers
date: '2025-07-02'
description:  Separates content from each other. Useful for visually separating content.
---

The `Divider` composable results in a horizontal or vertical divider, depending on the calling scope.

<!-- AUTOGEN:START -->
:::preview[divider]
@code
```kotlin
import androidx.compose.foundation.layout.Column
import androidx.compose.runtime.Composable
import com.composables.uikit.components.Divider

@Composable
fun DividerExample() {
    Column {
        Divider()
    }
}
```
@end
:::

## Installation

{{uikit:installation}}

## Usage

### Divider

```kotlin
import androidx.compose.foundation.layout.Column
import androidx.compose.runtime.Composable
import com.composables.uikit.components.Divider

@Composable
fun DividerExample() {
    Column {
        Divider()
    }
}
```

### Horizontal Divider

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

@Composable
fun HorizontalDividerExample() {
    HorizontalDivider()
}
```

### Vertical Divider

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

@Composable
fun VerticalDividerExample() {
    VerticalDivider()
}
```
<!-- AUTOGEN:END -->