--- title: Button-Toolbar 按钮工具栏 description: type: 0 group: null menuName: Button-Toolbar icon: order: 5 --- 默认按钮会独占一行,如果想让多个按钮并排方式,可以使用 `button-toolbar` 组件包裹起来,另外还有能用 [button-group](./button-group) 来在展现上更紧凑。 ## 基本使用 ```schema: scope="body" { "type": "form", "controls": [ { "type": "text", "name": "test", "label": "Text" }, { "type": "button-toolbar", "label": "按钮组", "buttons": [ { "type": "button", "label": "按钮", "actionType": "dialog", "dialog": { "title": "提示", "body": "对,你刚点击了!" } }, { "type": "submit", "label": "提交" }, { "type": "reset", "label": "重置" } ] } ] } ``` ## 属性表 | 属性名 | 类型 | 默认值 | 说明 | | ------- | --------------------------- | ------------------ | ------------------------- | | type | `string` | `"button-toolbar"` | 指定为 ButtonToolbar 组件 | | buttons | Array<[行为按钮](./action)> | | 按钮组 |