Skip to content

Commit ea95016

Browse files
docs(badge/jp): sync Badge Value and Icon section with EN updates
Adds the missing 'バッジの値とアイコン' section to jp/components/badge.md, mirroring the updated content from en/components/badge.md (PR #6466). Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
1 parent 2477c8d commit ea95016

1 file changed

Lines changed: 33 additions & 0 deletions

File tree

jp/components/badge.md

Lines changed: 33 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -139,6 +139,39 @@ igx-badge {
139139
}
140140
```
141141

142+
### バッジの値とアイコン
143+
144+
`[value]` 入力を使用して、バッジ内にテキストまたは数値カウントを表示します:
145+
146+
```html
147+
<igx-badge [value]="model.value"></igx-badge>
148+
```
149+
150+
`[icon]` 入力を使用して、バッジ内にアイコンを表示します:
151+
152+
```html
153+
<igx-badge icon="check" type="success"></igx-badge>
154+
```
155+
156+
`[icon]``[value]` の両方が設定されている場合、バッジは両方を同時に表示します:
157+
158+
```html
159+
<!-- アイコン "check" と値 "5" の両方が表示されます -->
160+
<igx-badge icon="check" value="5" type="success"></igx-badge>
161+
```
162+
163+
または、コンテンツを直接投影することもできます:
164+
165+
```html
166+
<igx-badge>{{ model.value }}</igx-badge>
167+
168+
<!-- アイコンとテキストの両方を投影する場合は、正しいパディングを保つためにテキストをラップしてください。 -->
169+
<igx-badge>
170+
<igx-icon>bluetooth</igx-icon>
171+
<span>Bluetooth</span>
172+
</igx-badge>
173+
```
174+
142175
### バッジのアイコン
143176

144177
`igx-badge` コンポーネントは、マテリアル アイコンに加えて[マテリアル アイコン拡張](../components/material-icons-extended.md)およびその他のカスタム アイコン セットの使用もサポートしています。マテリアル アイコン拡張セットからバッジ コンポーネントにアイコンを追加するには、まずそのアイコンを登録する必要があります。

0 commit comments

Comments
 (0)