Button group 按钮组
/BUT-un GROOP/ · noun · 操作类模式 · #058
一组相关操作肩并肩排开，共享边框与分量。最重要的那个用实底样式，其余保持安静。
你可能会这样叫它
- “并排的保存和取消按钮”
- “主按钮和次按钮”
- “两个挨着的按钮”
- “确定 / 取消按钮组”
- “表单底部的按钮栏”
……它的名字是 按钮组（Button group）。
代码里叫什么
| SwiftUI | ControlGroup HStack |
|---|---|
| UIKit / Android | 没有专门组件，通常是一行实心按钮加描边按钮 |
| Flutter | OverflowBar |
| Web (HTML / ARIA) | role="group" |
复制给 AI 编程工具
在表单末尾加一组按钮：主要操作用实心按钮，文字直接写动作（例如“保存修改”）；次要操作（“取消”）用描边或文字按钮放在旁边。全 App 保持同样的顺序，两个按钮等高；窄屏上改为全宽竖排，主按钮在上；一组里绝不要有两个按钮都做成主按钮的样式。