バッジ
Badge
ライブデモ
説明
一言で説明
アイコンや要素の右上などに付く、通知件数やステータスを示す小さな丸印やラベル。
いつ使う？
未読メッセージの件数、カート内の商品数、新着マークなどを示したいとき。
💡 日常の言い方
「アイコンの右上についてる赤い丸に数字が書いてあるやつ」
似ている用語との違い
バッジ vs タグ
タグはコンテンツのカテゴリ分類や属性を示す。バッジは件数やステータスなど動的な情報を表示する。
AIへの指示例
通知ベルのアイコンの右上にバッジを付けて。未読件数が1以上のとき赤い丸に白の数字で表示して。99を超えたら「99+」にして。