ButtonGroup 按钮组
多个按钮可以通过按钮组的方式组合起来,用于展示一组操作。
基本用法
vue
<template>
<ImButtonGroup>
<ImButton>Prev</ImButton>
<ImButton>Next</ImButton>
</ImButtonGroup>
</template>
1
2
3
4
5
6
2
3
4
5
6
按钮组大小
vue
<template>
<ImButtonGroup size="28">
<ImButton>Prev</ImButton>
<ImButton>Next</ImButton>
</ImButtonGroup>
</template>
1
2
3
4
5
6
2
3
4
5
6
纵向
vue
<template>
<ImButtonGroup vertical>
<ImButton>Prev</ImButton>
<ImButton>Next</ImButton>
</ImButtonGroup>
</template>
1
2
3
4
5
6
2
3
4
5
6
API
ts
props:{
// 是否垂直布局
vertical?: boolean;
// 按钮组大小
size?: number | string;
// 按钮颜色主题
color?: '' | 'primary' | 'success' | 'warning' | 'error';
}
1
2
3
4
5
6
7
8
2
3
4
5
6
7
8