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
|
|
|
|
|
2019-07-11 14:14:33 +08:00
|
|
|
| Property | Description | Type | Default | Version |
|
|
|
|
| --- | --- | --- | --- | --- |
|
2019-11-21 19:58:41 +08:00
|
|
|
| className | className of container | string | - | |
|
2019-07-11 14:14:33 +08:00
|
|
|
| dashed | whether line is dashed | boolean | false | |
|
2020-01-17 17:23:48 +08:00
|
|
|
| orientation | position of title inside divider | `left` \| `right` \| `center` | `center` | |
|
2019-11-21 19:58:41 +08:00
|
|
|
| style | style object of container | object | - | |
|
2020-01-17 17:23:48 +08:00
|
|
|
| type | direction type of divider | `horizontal` \| `vertical` | `horizontal` | |
|