タグTag
Experimental

分類、状態、キーワードなどの短いラベルを、必要に応じて削除操作付きで表示します。

ReactTypeScript設計

状態とバリエーション

分類、選択状態、下書き、注意が必要な状態などを短いラベルで示します。

標準選択中下書き要確認

密度の高いリストでは小さく、カードや詳細欄では標準または大きめにします。

小標準大

編集画面では削除ボタンに対象がわかるラベルを渡します。

ReactTypeScript設計

表は横にスクロールできます

プロパティ	型	初期値	説明
variant	"default" \| "secondary" \| "outline" \| "destructive"	"default"	用途や状態に合わせた見た目です。
size	"sm" \| "default" \| "lg"	"default"	タグの高さと文字サイズです。
onRemove	() => void	-	指定すると末尾に削除ボタンを表示し、クリック時に呼び出されます。
removeLabel	string	"Remove"	削除ボタンのアクセシブル名とツールチップ文言です。
children	ReactNode	-	タグに表示する短いラベルです。
className	string	-	必要に応じて外側に追加するクラスです。