docs/en-US/component/divider.md
The dividing line that separates the content.
Divide the text of different paragraphs.
:::demo
divider/basic-usage
:::
You can customize the content on the divider line.
:::demo
divider/custom-content
:::
You can set the style of divider.
:::demo
divider/line-dashed
:::
:::demo
divider/vertical-divider
:::
| Name | Description | Type | Default |
|---|---|---|---|
| direction | Set divider's direction | ^[enum]'horizontal' | 'vertical' | horizontal |
| border-style | Set the style of divider | ^[enum]'none' | 'solid' | 'hidden' | 'dashed' | ... css/border-style | solid |
| content-position | The position of the customized content on the divider line | ^[enum]'left' | 'right' | 'center' | center |
| Name | Description |
|---|---|
| default | Customized content on the divider line |