---
category: Components
type: Layout
title: Divider
cover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*7sMiTbzvaDoAAAAAAAAAAAAADrJ8AQ/original
coverDark: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*KPSEQ74PLg4AAAAAAAAAAAAADrJ8AQ/original
---

A divider line separates different content.

## When To Use

- Divide sections of article.
- Divide inline text and links such as the operation column of table.

## API

| Property          | Description                                                                                                       | Type                          | Default      | Version |
| ----------------- | ----------------------------------------------------------------------------------------------------------------- | ----------------------------- | ------------ | ------- |
| dashed            | whether line is dashed                                                                                            | boolean                       | false        |         |
| orientation       | position of title inside divider                                                                                  | `left` \| `right` \| `center` | `center`     |         |
| orientationMargin | The margin-left/right between the title and its closest border, while the `orientation` must be `left` or `right` | string \| number              | -            | 3.0     |
| plain             | Divider text show as plain style                                                                                  | boolean                       | true         | 2.2.0   |
| type              | direction type of divider                                                                                         | `horizontal` \| `vertical`    | `horizontal` |         |
