---
title: Separators
description: Horizontal and Vertical separator component for visually separating content.
---

```compose id="separators" module="composeunstyled-demos" height=340
```

## Basic Example

Basic example showing a horizontal separator:

```kotlin
HorizontalSeparator(color = Color(0xFF9E9E9E))

VerticalSeparator(color = Color(0xFF9E9E9E))
```

<style>
.parameter {
    white-space: nowrap
}
</style>

## Parameters

### VerticalSeparator / HorizontalSeparator

| Parameter                                | Description                                        |
|------------------------------------------|----------------------------------------------------|
| <div class='parameter'>`color`</div>     | the `Color` of the separator.                      |
| <div class='parameter'>`thickness`</div> | a `Dp` of how thick the separator should rendered. |
| <div class='parameter'>`modifier` </div> | the `Modifier` to be used to this separator.       |