ant-design/components/divider/index.en-US.md

---
category: Components
type: Layout
title: Divider
---

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

### Divider

| Property | Description | Type | Default | Version |
| --- | --- | --- | --- | --- |
| className | className of container | string | - |  |
| dashed | whether line is dashed | boolean | false |  |
| orientation | position of title inside divider | `left` \| `right` \| `center` | `center` |  |
| style | style object of container | CSSProperties | - |  |
| type | direction type of divider | `horizontal` \| `vertical` | `horizontal` |  |
| plain | divider text show as plain style | boolean | true | 4.2.0 |
New component divider (#7261) * Add Divider * use Divider in table demos * update demo instruction * upgrade snapshots 2017-08-19 12:39:11 +08:00			`---`
			`category: Components`
docs(Divider): Move `Divider` to layout (#23952) 2020-05-08 10:34:50 +08:00			`type: Layout`
New component divider (#7261) * Add Divider * use Divider in table demos * update demo instruction * upgrade snapshots 2017-08-19 12:39:11 +08:00			`title: Divider`
			`---`

			`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`

			`### Divider`

docs: show version Number features were added (#17373) * docs: add api first appearance * docs: fix auto-complete doc * docs: replace Version Added with Version * docs: date picker common method * docs: date picker common method * docs: tree * docs: remove meaningless 3.0.0 2019-07-11 14:14:33 +08:00			`\| Property \| Description \| Type \| Default \| Version \|`
			`\| --- \| --- \| --- \| --- \| --- \|`
delete version (#19854) delete version 2019-11-21 19:58:41 +08:00			`\| className \| className of container \| string \| - \| \|`
docs: show version Number features were added (#17373) * docs: add api first appearance * docs: fix auto-complete doc * docs: replace Version Added with Version * docs: date picker common method * docs: date picker common method * docs: tree * docs: remove meaningless 3.0.0 2019-07-11 14:14:33 +08:00			`\| dashed \| whether line is dashed \| boolean \| false \| \|`
docs: Format string notation of all components (#20970) 2020-01-17 17:23:48 +08:00			\| orientation \| position of title inside divider \| `left` \\| `right` \\| `center` \| `center` \| \|
docs: improve style type (#23700) 2020-04-28 14:09:54 +08:00			`\| style \| style object of container \| CSSProperties \| - \| \|`
docs: Format string notation of all components (#20970) 2020-01-17 17:23:48 +08:00			\| type \| direction type of divider \| `horizontal` \\| `vertical` \| `horizontal` \| \|
feat: 💄 Divider support `plain` for lighter style (#23405) * :lipstick: Divider support `asHeading` for lighter style * :white_check_mark: fix demo snapshot * docs: :book: Divider asHeading documentation * fix tsd * :white_check_mark: fix demo snapshot * asHeading to plain * :white_check_mark: fix demo snapshot * fix css 2020-04-21 14:16:33 +08:00			`\| plain \| divider text show as plain style \| boolean \| true \| 4.2.0 \|`