mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-22 06:18:30 +08:00
1c1ebbe36d
* feat: Divider Component Token * feat: 更改token命名规范 * feat: 增加token demo * test: Update Test Snapshots * feat: token * chore: update * fix: lint * chore: lint * chore: update snapshot --------- Co-authored-by: MadCcc <1075746765@qq.com>
1.8 KiB
1.8 KiB
| category | title | cover | coverDark | demo | group | ||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| Components | Divider | https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*7sMiTbzvaDoAAAAAAAAAAAAADrJ8AQ/original | https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*KPSEQ74PLg4AAAAAAAAAAAAADrJ8AQ/original |
|
|
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
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 |