💎一站式轻松地调用各大LLM模型接口,支持GPT4、智谱、星火、月之暗面及文生图 广告
## ButtonGroup 按钮组 多个按钮组合使用 ![](https://img.kancloud.cn/89/d7/89d71616c4d7acaff77bfb5b6be93161_701x91.png =400x) ### 代码示例 基础用法 ```html <cvu-button-group> <cvu-button>首页</cvu-button> <cvu-button>上一页</cvu-button> <cvu-button>下一页</cvu-button> <cvu-button>尾页</cvu-button> </cvu-button-group> ``` 圆角按钮组合 ![](https://img.kancloud.cn/9f/60/9f60abf2b1b7ca820f470012f9ea45d8_628x91.png =400x) ```html <cvu-button-group shape="circle"> <cvu-button type="primary" icon="md-build"></cvu-button> <cvu-button type="primary" icon="md-cloud-download"></cvu-button> <cvu-button type="primary" icon="md-trash"></cvu-button> <cvu-button type="primary" icon="md-close"></cvu-button> </cvu-button-group> ``` 按钮组纵向排列 ![](https://img.kancloud.cn/b5/17/b517b9872e830ed534ce1f44f68dabe4_919x258.png =400x) ```html <cvu-button-group vertical> <cvu-button icon="logo-facebook"></cvu-button> <cvu-button icon="logo-twitter"></cvu-button> <cvu-button icon="logo-googleplus"></cvu-button> <cvu-button icon="logo-tumblr"></cvu-button> </cvu-button-group> ``` ### props | 属性 | 说明 | 类型 | 默认值 | | --- | --- | --- | --- | | size | 按钮组合大小,可选值为`large`、`small`、`default`或者不设置 | String | default | | shape | 按钮组合形状,可选值为`circle`或者不设置 | String | \- | | vertical | 是否纵向排列按钮组 | Boolean | false | ### slots | 名称 | 说明 | | --- | --- | | 无 | 插入按钮 |