mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-14 16:19:15 +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 | subtitle | cover | demo | group | ||||||
---|---|---|---|---|---|---|---|---|---|---|---|
Components | Divider | 分割线 | https://gw.alipayobjects.com/zos/alicdn/5swjECahe/Divider.svg |
|
|
区隔内容的分割线。
何时使用
- 对不同章节的文本段落进行分割。
- 对行内文字/链接进行分割,例如表格的操作列。
代码演示
水平分割线
带文字的分割线
分割文字使用正文样式
垂直分割线
样式自定义
API
参数 | 说明 | 类型 | 默认值 | 版本 |
---|---|---|---|---|
children | 嵌套的标题 | ReactNode | - | |
className | 分割线样式类 | string | - | |
dashed | 是否虚线 | boolean | false | |
orientation | 分割线标题的位置 | left | right | center |
center |
|
orientationMargin | 标题和最近 left/right 边框之间的距离,去除了分割线,同时 orientation 必须为 left 或 right |
string | number | - | |
plain | 文字是否显示为普通正文样式 | boolean | false | 4.2.0 |
style | 分割线样式对象 | CSSProperties | - | |
type | 水平还是垂直类型 | horizontal | vertical |
horizontal |