タグ
Tag
別名: チップ / Chip別名: ラベル / Label
ライブデモ
説明
一言で説明
コンテンツのカテゴリ、ステータス、属性などを示す小さなラベル要素。
いつ使う？
記事のカテゴリ分類、スキルタグ、ステータス表示など、コンテンツに属性を付けたいとき。
💡 日常の言い方
「「JavaScript」とか「デザイン」みたいな小さいラベル」
似ている用語との違い
タグ vs バッジ
バッジは件数やステータスなどの動的な情報。タグはカテゴリや属性などの静的な分類に使う。
AIへの指示例
記事一覧の各カードにタグを表示して。カテゴリごとに色分け。タグをクリックしたらそのカテゴリでフィルタリングして。×ボタンで削除可能にして。