element-plus/docs/en-US/component/divider.md
Alan Wang 0b269e76a1
feat(components): [el-divider] support setting the dividing line style (#4435)
* feat(components): [el-divider] support setting the dividing line style

* Update divider.md
2021-12-09 20:41:38 +08:00

1.3 KiB

title lang
Divider en-US

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

:::

dashed line

You can set the style of divider.

:::demo

divider/line-dashed

:::

Vertical divider

:::demo

divider/vertical-divider

:::

Divider Attributes

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