Badge
Basic
jui-badge の最も基本的な使用例です。
Variants
variant プロパティを使用してコンポーネントの視覚的なスタイルを変更します。
Sizes
size プロパティを使用してコンポーネントの大きさを変更します。
Pill
概要 (Overview)
jui-badge — バッジ・タグコンポーネント
ステータス表示やカテゴリタグに使用するインライン要素。 バリアント: brand / danger / info / success / warning / neutral サイズ: sm / md
プロパティ (Properties)
コンポーネントが受け付ける属性（Props）の一覧と詳細仕様です。
| Property | Attribute | Description | Type | Default |
|---|---|---|---|---|
pill | pill | 丸型にするかどうか | boolean | false |
size | size | バッジのサイズ | "md" | "sm" | 'sm' |
variant | variant | バッジのバリアント | "brand" | "danger" | "info" | "neutral" | "success" | "warning" | 'neutral' |
スロット (Slots)
コンポーネント内に子要素を挿入するためのスロット一覧です。
| Slot | Description |
|---|---|
| ラベルテキスト（デフォルトスロット） |
シャドウパーツ (Shadow Parts)
CSSから直接スタイリング可能な内部要素（Parts）の一覧です。
| Part | Description |
|---|---|
"badge" | バッジのルート要素 |
Built with StencilJS