Badge

fandhe-frontend-pre-styled-ui の badge mod が提供するスタイル済み Badge 部品です。

ラベル・カウント等の小さな情報を強調表示する部品です。role/aria-* を持たない最小サブセットのため、意味を伝える必要がある場合は周辺のテキストで補足してください。似た用途の Tag は close_trigger による削除操作を持つ点が異なります。

Demo

ステータス表示向けの小型ラベル。variant と colorPalette を組み合わせます。

SolidSubtleOutline

AccentInfoSuccessWarningDanger

BadgeVariant（Solid/Subtle/Outline、crates/pre-styled-ui/src/badge.rs:16-58）で塗り方を切り替える
colorPalette 軸（badge.rs:37）でセマンティック色を選択する
role/aria-* は付与しない最小サブセット（badge.rs:3）

root

Name	Type	Default	Description
variant	BadgeVariant	Subtle	塗り方（badge.rs:52-57）。
size	Size	Md	サイズ（badge.rs:52-57）。
palette	ColorPalette	Accent	colorPalette 軸（badge.rs:52-57）。

Solid variant の Badge です。

New

Attribute	Description
(該当なし)	chakra-ui v3 準拠の最小サブセットとして role/aria-* を付与しない（badge.rs:3）。