Skip to content

ButtonGroup 按钮组

将一组相关操作的按钮并排显示,形成整体的视觉单元。按钮组会处理相邻按钮的圆角与边框重叠,让它们看起来像一个整体。

基础用法

使用 ue-button-group 包裹多个 ue-button。常见于分页、视图切换等场景。

尺寸

通过 size 统一控制组内所有按钮的尺寸,子按钮未显式指定时会继承组尺寸。

类型组合

组内的每个按钮可使用不同的 type,用于表达不同操作语义。

常见样式

与按钮的外观属性(如 roundoutlinelinkdashed)配合使用。组会处理相邻按钮的边角衔接。

属性

属性名类型默认值说明
sizestringmd统一控制组内按钮尺寸:sm/md/lg/xl

事件

无。请在组内的 ue-button 上使用其自身事件(如 click)。

插槽

插槽名说明
default放置一个或多个 ue-button 按钮