mirror of
https://gitee.com/element-plus/element-plus.git
synced 2024-12-14 09:20:51 +08:00
0b269e76a1
* feat(components): [el-divider] support setting the dividing line style * Update divider.md
55 lines
1.3 KiB
Markdown
55 lines
1.3 KiB
Markdown
---
|
|
title: Divider
|
|
lang: 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](https://developer.mozilla.org/zh-CN/docs/Web/CSS/border-style) | solid |
|
|
| content-position | customize the content on the divider line | String | left / right / center | center |
|