mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-05 01:19:45 +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 |