# Divider

The dividing line that separates the content.

## Basic usage

Divide the text of different paragraphs.

:::demo

divider/basic-usage

:::

## Custom content

You can customize the content on the divider line.

:::demo

divider/custom-content

:::

## Vertical divider

:::demo

divider/vertical-divider

:::

## Divider Attributes

| Attribute        | Description                               | Type   | Accepted Values       | Default    |
| ---------------- | ----------------------------------------- | ------ | --------------------- | ---------- |
| direction        | Set divider's direction                   | string | horizontal / vertical | horizontal |
| content-position | customize the content on the divider line | String | left / right / center | center     |