Tag

概要

Tag はカテゴリ名や状態ラベルをコンパクトに表示するコンポーネントです。開始アイコン、終了アイコン、閉じるトリガーを組み合わせることで、単なるラベル以上の情報を持たせられます。

Props	Type	Default	Description
`variant`	`"subtle" \| "solid" \| "outline" \| "surface"`	`"subtle"`	見た目のバリエーションです
`size`	`"sm" \| "md" \| "lg" \| "xl"`	`"md"`	タグのサイズです
`colorPalette`	`string`	`"gray"`	カラー CSS 変数へ反映する色です
`closable`	`boolean`	`false`	既定の閉じるトリガーを自動表示します
`onClose`	`() => void`	—	閉じる操作時に呼ばれます
`class`	`string`	—	追加クラスです