> ## Documentation Index
> Fetch the complete documentation index at: https://docs.lyzn.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Divider

> Visual separator line

# Divider

The `Divider` component renders a thin line to separate content visually.

## Usage

```jsx theme={null}
<Col>
  <Text value="Item 1" />
  <Divider />
  <Text value="Item 2" />
</Col>
```

## Props

<ResponseField name="vertical" type="boolean" default="false">
  If true, renders a vertical line (useful in Rows).
</ResponseField>

<ResponseField name="color" type="string">
  Custom color for the divider line.
</ResponseField>

## Examples

### Horizontal List

```jsx theme={null}
<Row gap="sm" align="center">
  <Text value="Link 1" />
  <Divider vertical />
  <Text value="Link 2" />
  <Divider vertical />
  <Text value="Link 3" />
</Row>
```