mirror of
https://gitee.com/baidu/amis.git
synced 2024-12-05 21:49:09 +08:00
2.0 KiB
Executable File
2.0 KiB
Executable File
title | description | type | group | menuName | icon | order |
---|---|---|---|---|---|---|
ButtonGroup 按钮组 | 0 | ⚙ 组件 | ButtonGroup | 30 |
基本用法
{
"type": "button-group",
"buttons": [
{
"type": "button",
"label": "Button",
"actionType": "dialog",
"dialog": {
"confirmMode": false,
"title": "提示",
"body": "对,你刚点击了!"
}
},
{
"type": "button",
"actionType": "url",
"url": "https://www.baidu.com",
"blank": true,
"label": "百度一下"
},
{
"type": "button",
"label": "普通按钮"
}
]
}
垂直模式
配置"vertical": true
,实现垂直模式
[
{
"type": "button-group",
"vertical": true,
"buttons": [
{
"type": "button",
"label": "按钮1"
},
{
"type": "button",
"label": "按钮2"
},
{
"type": "button",
"label": "按钮3"
}
]
}
]
平铺模式
配置 "tiled": true
实现平铺模式
[
{
"type": "button-group",
"tiled": true,
"buttons": [
{
"type": "button",
"label": "按钮1"
},
{
"type": "button",
"label": "按钮2"
},
{
"type": "button",
"label": "按钮3"
}
]
}
]
属性表
属性名 | 类型 | 默认值 | 说明 |
---|---|---|---|
type | string |
"button-group" |
指定为 button-group 渲染器 |
className | string |
外层 Dom 的类名 | |
buttons | Array<Action> | 行为按钮组 | |
vertical | string |
是否使用垂直模式 |