2017-08-19 12:39:11 +08:00
|
|
|
---
|
|
|
|
category: Components
|
|
|
|
type: Other
|
|
|
|
title: Divider
|
|
|
|
cols: 1
|
|
|
|
---
|
|
|
|
|
|
|
|
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
|
|
|
|
|
2017-10-25 10:27:38 +08:00
|
|
|
| Property | Description | Type | Default |
|
|
|
|
| -------- | ----------- | ---- | ------- |
|
2018-06-24 17:09:18 +08:00
|
|
|
| className | className of container | string | - |
|
2018-05-22 10:46:01 +08:00
|
|
|
| dashed | whether line is dashed | boolean | false |
|
2018-04-03 14:25:47 +08:00
|
|
|
| orientation | position of title inside divider | enum: `left` `right` `center` | `center` |
|
2018-05-22 10:46:01 +08:00
|
|
|
| style | style object of container | object | - |
|
2018-06-24 17:09:18 +08:00
|
|
|
| type | direction type of divider | enum: `horizontal` `vertical` | `horizontal` |
|