文件

Utility 對照表

共用的 utility 對照表與實用範例。

分組命名空間

Utility 群組表
群組	工具類別鍵名	說明
General paint	`bg`, `background-color`, `fg`, `color`, `accent-color`, `fill`	Use palette steps and hue aliases for broad paint decisions.
Surfaces	`surface`	Use surface roles for panels, cards, overlays, and inverse blocks.
線條角色	`b`, `bt`, `br`, `bb`, `bl`, `border-color`, `outline-color`, `stroke`	Use line roles for borders, dividers, outlines, and strokes.

變數來源

命名空間	使用項目
`color-*`	`accent-` `b-` `bb-` `bg-` `bl-` `br-` 顯示另外 13 個鍵名 `bt-` `bx-` `bxe-` `bxs-` `by-` `bye-` `bys-` `caret-` `fg-` `fill-` `outline-` `stroke-` `text-fill-color-`

使用於色彩指南.

用法與介面

NamespaceUtilityTable 將 token 命名空間連結至接受該命名空間的 utility keys。群組有說明時，表格會保留原 Guide 分開的「群組」、「Utility keys」與「說明」欄。精修後的共用樣式使用細緻分隔線與一致的閱讀節奏。窄螢幕上，表格只在自身可透過鍵盤聚焦的區域內捲動，頁面寬度保持固定。

<NamespaceUtilityTable groups={[  { label: 'Surfaces', namespace: 'color-surface',    keys: ['surface'], description: 'Panels, cards and overlays.' }]} />

請提供供讀者閱讀的群組名稱，以及來自 manifest 的來源 keys；namespace 或 namespaces 會篩除不支援的 keys。沒有說明時，表格使用兩欄。這是文件閱讀輔助，應放在示範的測量版面之外。實際用法請參閱色彩、間距、排版及 Utility 表檢視頁。