按鈕與連結詞條 2-05
按鈕群組Button Group
也常叫做：按鈕組、Button Group
你可能會這樣說
把幾顆相關的按鈕黏成一排，例如粗體、斜體、底線靠在一起，看起來像同一組工具，而不是各自散落在畫面上。
白話解釋
按鈕群組是把好幾顆相關按鈕排在一起、看起來像一體的元件，常出現在編輯工具列或切換顯示模式的地方。
它跟分頁（Tabs）的差別：按鈕群組按了是「做事」，分頁按了是「換內容」。
跟 AI 描述時，說明「這幾顆算一組、選中的那顆要有明顯狀態」，成品才不會鬆散。
親手試試
列表檢視
☕ 手沖壺 300ml — $780
🍵 阿里山茶葉 300g — $600
🥛 拿鐵杯組 — $920
🍵 阿里山茶葉 300g — $600
🥛 拿鐵杯組 — $920
卡片檢視
🖼️
手沖壺
$780
手沖壺
$780
🍵
茶葉
$600
茶葉
$600
表格檢視
| 品名 | 價格 |
|---|---|
| 手沖壺 | $780 |
| 茶葉 | $600 |
這樣對 AI 說
中文就可以
我要一組切換顯示方式的按鈕，黏成一排放在列表上方。 三個選項：列表、卡片、表格，目前選中的那顆換底色。 點不同顆就切換底下的內容呈現方式。 按鈕之間不留縫隙，圓角只留最左和最右兩端。