BlueAI Badge
ステータスやカテゴリを表示するバッジコンポーネント。
|
import { Badge } from "@blueai/ui"Examples
Variants
SuccessWarningErrorInfoNeutralBrand
<Badge variant="success">Success</Badge>
<Badge variant="warning">Warning</Badge>
<Badge variant="error">Error</Badge>
<Badge variant="info">Info</Badge>
<Badge variant="neutral">Neutral</Badge>
<Badge variant="brand">Brand</Badge>Props
| Prop | Type | Default | Description |
|---|---|---|---|
| variant* | "success" | "warning" | "error" | "info" | "neutral" | "brand" | — | バッジのスタイル |
| children* | ReactNode | — | バッジのテキスト |
| className | string | — | 追加CSSクラス |