mirror of
https://github.com/ant-design/ant-design.git
synced 2024-11-29 13:47:02 +08:00
e027cbec1c
* chore: add prettier-ignore in markdown demo * docs: format markdown api table * docs: format markdown api table
1.4 KiB
1.4 KiB
category | title | cover | demo | group | ||||||
---|---|---|---|---|---|---|---|---|---|---|
Components | Divider | https://gw.alipayobjects.com/zos/alicdn/5swjECahe/Divider.svg |
|
|
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.
Examples
Horizontal
Divider with title
Text without heading style
Vertical
Style Customization
API
Property | Description | Type | Default | Version |
---|---|---|---|---|
children | The wrapped title | ReactNode | - | |
className | The className of container | string | - | |
dashed | Whether line is dashed | boolean | false | |
orientation | The position of title inside divider | left | right | center |
center |
|
orientationMargin | The margin-left/right between the title and its closest border, while the orientation must be left or right |
string | number | - | |
plain | Divider text show as plain style | boolean | true | 4.2.0 |
style | The style object of container | CSSProperties | - | |
type | The direction type of divider | horizontal | vertical |
horizontal |