mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-15 17:19:11 +08:00
b29c314b4c
* button documentation grammar fixes * english float button documentation changes * english documentation grammar changes for icons * english typography documentation grammar changes * english divider documenation changes * english layout documentation fixes * english cascader documentation improvements * english color-picker documentation changes * english date-picker documentation changes * english form documentation changes * English documentation changes for select * English documentation changes for slider * English documentation changes for time-picker * English documenation changes for transfer
1.8 KiB
1.8 KiB
| category | title | description | cover | coverDark | demo | group | ||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Components | Divider | A divider line separates different content. | https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*7sMiTbzvaDoAAAAAAAAAAAAADrJ8AQ/original | https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*KPSEQ74PLg4AAAAAAAAAAAAADrJ8AQ/original |
|
|
When To Use
- Divide sections of an 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
Component Token
API
Common props ref：Common props
| 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, If a numeric value of type string is provided without a unit, it is assumed to be in pixels (px) by default. |
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 |