Badge, Chip & Tag — Learning Bundle
バッジ、チップ＆タグ — 学習バンドル
この学習バンドルは、デザインシステムによって異なる3つのラベルを比較します。バッジはしばしばステータスやカウントを表示します。タグはコンテンツをグループに分類します。チップはインタラクティブである場合があります。このバンドルは、標準的なコンポーネント用語の1つではありません。
実際の例
受信トレイバッジは未読メッセージが7件あることを示します。「リサーチ」は記事にタグを付けます。フィルターチップは削除できます。
主な部分
- 01Trigger or task context
- 02Primary control surface
- 03Feedback, focus, and dismissal
以下の場合に使用します
まずデザインシステム内の名前を確認してください。各コンポーネントに形だけでなく意味と役割で名前を付ける。
以下の場合は使用しないでください
情報だけを表示するためのステータスバッジの中に、完全なアクションを絶対に入れないでください。
コードで使用する名前
Badge / Tag / Chip 出荷前に
Check that every member concept has its own name and link. Show all members in the same situation. Give a visible rule for when each one applies and which groups are valid. Never present the bundle as one canonical pattern or as parts that can be swapped freely.
Outcome：Complete the task with バッジ、チップ＆タグ — 学習バンドル (Badge, Chip & Tag — Learning Bundle)。 User context：受信トレイバッジは未読メッセージが7件あることを示します。「リサーチ」は記事にタグを付けます。フィルターチップは削除できます。 Learning bundle to unpack：バッジ、チップ＆タグ — 学習バンドル (Badge, Chip & Tag — Learning Bundle)。 Canonical members：バッジ (Badge)、チップ (Chip)、タグ (Tag) Why this comparison helps：まずデザインシステム内の名前を確認してください。各コンポーネントに形だけでなく意味と役割で名前を付ける。 Do not treat the bundle as one pattern when：情報だけを表示するためのステータスバッジの中に、完全なアクションを絶対に入れないでください。 Comparison requirements: Name every member concept on its own. Explain its job and limits. Show every member in the same real situation. Give a visible sign for when to use, combine, or leave out each member. Decision quality: Keep platform and evidence limits clear. Show which members can work together. Point out false matches, unsafe swaps, and cases that need another concept. Acceptance criteria: A reader can explain each member in one sentence and tell them apart in the example. They can defend the chosen member or valid group and open every canonical guide. Evidence and limits (evidence boundary)：これは規範的な標準ではありません。その名前、制限、および期待される挙動は、情報源によって変わる可能性があります。 Unknowns to confirm: Target platform, decision setting, limits, and evidence needed to use, combine, or leave out members.
このリクエストを確認する
Review how バッジ、チップ＆タグ — 学習バンドル (Badge, Chip & Tag — Learning Bundle) is used now. Definition: この学習バンドルは、デザインシステムによって異なる3つのラベルを比較します。バッジはしばしばステータスやカウントを表示します。タグはコンテンツをグループに分類します。チップはインタラクティブである場合があります。このバンドルは、標準的なコンポーネント用語の1つではありません。 Release checks: Check that every member concept has its own name and link. Show all members in the same situation. Give a visible rule for when each one applies and which groups are valid. Never present the bundle as one canonical pattern or as parts that can be swapped freely. Before changing code, list the evidence, gaps, severity, and the smallest safe fix.