amis/docs/zh-CN/components/divider.md
xiangwaner 0ba4f50f70
feat: Divider支持带文字配置 (#8358)
* feat:divider支持带文字配置

* feat: divider支持带文字配置

* feat: divider支持带文字配置

---------

Co-authored-by: zhaowenli <zhaowenli@baidu.com>
2023-10-17 10:24:54 +08:00

1.9 KiB
Executable File

title description type group menuName icon order
Divider 分割线 0 ⚙ 组件 Divider 分割线 42

基本用法

{
    "type": "divider"
}

不同样式

[
    {
        "type": "divider",
        "lineStyle": "solid"
    },
    {
        "type": "divider",
        "lineStyle": "dashed"
    }
]

带标题的分割线

3.5.0及以上版本

[
    {
        "type": "divider",
        "title": "Text",
        "titlePosition": "left"
    },
    {
        "type": "divider",
        "title": "Text",
        "titlePosition": "center"
    },
    {
        "type": "divider",
        "title": "Text",
        "titlePosition": "right"
    }
]

属性表

属性名 类型 默认值 说明 版本
type string "divider" 指定为 分割线 渲染器
className string 外层 Dom 的类名
lineStyle string solid 分割线的样式,支持dashedsolid
direction string horizontal 分割线的方向,支持horizontalvertical 3.5.0
color string 分割线的颜色 3.5.0
rotate number 分割线的旋转角度 3.5.0
title SchemaNode 分割线的标题 3.5.0
titleClassName string 分割线的标题类名 3.5.0
titlePosition string center 分割线的标题位置,支持leftcenterright 3.5.0