チップラベル（概要）｜デジタル庁デザインシステムβ版

状態や状況を示すキーワードを表示して、情報の分類・整理の効率を向上させるグラフィック要素です。情報リストやテーブルの各行などのステータスを分かりやすく表示したい場合に有効です。

ユースケース

リストやテーブルのステータスを示すとき: 申請一覧の各項目の状態（受付中、審査中、完了など）や、テーブルの各行の分類（新着、更新、終了など）を視覚的に強調する場合に使用します。
カテゴリや属性を識別させやすくしたいとき: お知らせの種別、注釈の種別、記事のタグなど、情報のカテゴリや属性を示すラベルとして使用します。

色だけで意味を伝えない: チップラベルの色は視覚的な区別を助けますが、色だけで意味を伝えないでください。必ずテキストで状態や分類を明示してください。
多くの色を使わない: チップラベルの色は視覚的な区別を助けますが、多くの色を使いすぎると逆に識別しにくくなります。必要な場合にのみ色を使い、テキストで状態や分類を明示してください。
アクセントカラーを使う場合はコントラストに注意する: チップラベルにアクセントカラーを使う場合は、文字や輪郭と背景色のコントラストを確保してください。詳しくはカラー（アクセシビリティ）を参照してください。
ユーザーが指定した値を扱う場合はチップタグを使う: チップラベルは、コンテンツが持つ状態や分類を示すためのものです。ユーザーが選択または入力した値をアイテムにして並べる場合は、チップタグを使用してください。