ナビゲヌション
ドキュメント

ナヌティリティテヌブル

共通のナヌティリティテヌブルず実甚䟋。

グルヌプ別の名前空間

ナヌティリティグルヌプの衚
グルヌプナヌティリティのキヌ説明
General paintbg, background-color, fg, color, accent-color, fillUse palette steps and hue aliases for broad paint decisions.
SurfacessurfaceUse surface roles for panels, cards, overlays, and inverse blocks.
線の圹割b, bt, br, bb, bl, border-color, outline-color, strokeUse 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 はトヌクン名前空間ず、それを受け取るナヌティリティキヌを結び付けたす。グルヌプに説明がある堎合は、元の Guide ず同じく「グルヌプ」「ナヌティリティキヌ」「説明」を別の列に保ちたす。共通スタむルは控えめな区切りず䞀定の読みやすいリズムを䜿いたす。狭い画面では衚専甚のキヌボヌドでフォヌカス可胜な領域内だけがスクロヌルし、ペヌゞ幅は倉わりたせん。

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

読者向けのグルヌプ名ず manifest 由来のキヌを指定したす。namespace たたは namespaces は未察応のキヌを陀倖したす。説明がなければ2列の衚になりたす。これは文曞を読むための補助であり、枬定察象のデモレむアりト倖に眮きたす。色、䜙癜、タむポグラフィでの実際の䜿甚䟋ず、ナヌティリティテヌブルのレビュヌを参照しおください。