From 245b13bdf6e11dd6b1c16edc5756accb013fbfdb Mon Sep 17 00:00:00 2001
From: "github-actions[bot]"
<41898282+github-actions[bot]@users.noreply.github.com>
Date: Tue, 7 Jul 2026 08:34:16 +0000
Subject: [PATCH 1/2] docs(jp/badge): sync outline sections from EN (#349)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
- Update badge example sample from outlined to overview
- Move outlined content into its own '### アウトライン' subsection under Examples
- Add variant color precedence note (--background-color)
- Add square shape border-radius customization note
- Add outlined border color customization note (--border-color)
- Update Blazor variant enum from BadgeVariant.Success to StyleVariant.Success
- Fix CSS code block indentation
Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
---
.../content/jp/components/inputs/badge.mdx | 52 ++++++++++---------
1 file changed, 28 insertions(+), 24 deletions(-)
diff --git a/docs/xplat/src/content/jp/components/inputs/badge.mdx b/docs/xplat/src/content/jp/components/inputs/badge.mdx
index 001e0fc0d3..25ef9e5594 100644
--- a/docs/xplat/src/content/jp/components/inputs/badge.mdx
+++ b/docs/xplat/src/content/jp/components/inputs/badge.mdx
@@ -20,8 +20,7 @@ import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';
## {Platform} Badge の例
-
-
+
@@ -121,12 +120,16 @@ builder.Services.AddIgniteUIBlazor(typeof(IgbBadgeModule));
-バッジの周囲に微妙な境界線を表示するには、バッジの 属性を設定できます。
+## 例
+
+### バリエーション
+
+{ProductName} バッジは、いくつかの事前定義されたスタイルのバリエーションをサポートします。サポートされている値 `primary` (デフォルト)、`info`、`success`、`warning`、または `danger` のいずれかを 属性に割り当てることにより、バリエーションを変更できます。
```tsx
-
+
```
@@ -134,7 +137,7 @@ builder.Services.AddIgniteUIBlazor(typeof(IgbBadgeModule));
```html
-
+
```
@@ -142,21 +145,23 @@ builder.Services.AddIgniteUIBlazor(typeof(IgbBadgeModule));
```razor
-
+
```
-## 例
+
-### バリエーション
+バッジにカスタム背景色が `--background-color` CSS 変数で設定されていても、バリアントの色が常に優先され、バッジに適用されます。
-{ProductName} バッジは、いくつかの事前定義されたスタイルのバリエーションをサポートします。サポートされている値 `primary` (デフォルト)、`info`、`success`、`warning`、または `danger` のいずれかを 属性に割り当てることにより、バリエーションを変更できます。
+### 形状
+
+バッジ コンポーネントは、`rounded` (デフォルト) 形状と `square` をサポートします。これらの値は、 属性に割り当てることができます。
```tsx
-
+
```
@@ -164,7 +169,7 @@ builder.Services.AddIgniteUIBlazor(typeof(IgbBadgeModule));
```html
-
+
```
@@ -172,24 +177,23 @@ builder.Services.AddIgniteUIBlazor(typeof(IgbBadgeModule));
```razor
-
+
```
-
-
+
+バッジの形状が `square` の場合、`--border-radius` CSS 変数を使用してカスタム ボーダー半径を設定することでさらにカスタマイズできます。
+### アウトライン
-### 形状
-
-バッジ コンポーネントは、`rounded` (デフォルト) 形状と `square` をサポートします。これらの値は、 属性に割り当てることができます。
+バッジには、 属性を設定すると、周囲に微妙なボーダーを表示することもできます。
```tsx
-
+
```
@@ -197,7 +201,7 @@ builder.Services.AddIgniteUIBlazor(typeof(IgbBadgeModule));
```html
-
+
```
@@ -205,14 +209,14 @@ builder.Services.AddIgniteUIBlazor(typeof(IgbBadgeModule));
```razor
-
+
```
-
-
+
+アウトライン バッジのボーダー カラーは、`--border-color` CSS 変数を使用してカスタマイズすることもできます。
### Dot
@@ -252,8 +256,8 @@ builder.Services.AddIgniteUIBlazor(typeof(IgbBadgeModule));
```css
igc-badge::part(base) {
- --background-color: var(--ig-error-A100);
- --border-radius: 2px;
+ --background-color: var(--ig-error-A100);
+ --border-radius: 2px;
}
```
From af7c174a23ba2af2da8b4eeaa60c5f24214a0bb2 Mon Sep 17 00:00:00 2001
From: mkamiishi
Date: Wed, 8 Jul 2026 13:48:20 +0900
Subject: [PATCH 2/2] Fix typos and improve clarity in badge.mdx
---
docs/xplat/src/content/jp/components/inputs/badge.mdx | 8 ++++----
1 file changed, 4 insertions(+), 4 deletions(-)
diff --git a/docs/xplat/src/content/jp/components/inputs/badge.mdx b/docs/xplat/src/content/jp/components/inputs/badge.mdx
index 25ef9e5594..4bda314a5d 100644
--- a/docs/xplat/src/content/jp/components/inputs/badge.mdx
+++ b/docs/xplat/src/content/jp/components/inputs/badge.mdx
@@ -156,7 +156,7 @@ builder.Services.AddIgniteUIBlazor(typeof(IgbBadgeModule));
### 形状
-バッジ コンポーネントは、`rounded` (デフォルト) 形状と `square` をサポートします。これらの値は、 属性に割り当てることができます。
+バッジ コンポーネントは、`rounded` (デフォルト) および `square` 形状をサポートします。これらの値は、 属性に割り当てることができます。
@@ -184,11 +184,11 @@ builder.Services.AddIgniteUIBlazor(typeof(IgbBadgeModule));
-バッジの形状が `square` の場合、`--border-radius` CSS 変数を使用してカスタム ボーダー半径を設定することでさらにカスタマイズできます。
+バッジの形状が `square` の場合、`--border-radius` CSS 変数を使用してカスタムのボーダー半径を設定することでさらにカスタマイズできます。
### アウトライン
-バッジには、 属性を設定すると、周囲に微妙なボーダーを表示することもできます。
+バッジには、 属性を設定すると、周囲に控えめなボーダーを表示することもできます。
@@ -216,7 +216,7 @@ builder.Services.AddIgniteUIBlazor(typeof(IgbBadgeModule));
-アウトライン バッジのボーダー カラーは、`--border-color` CSS 変数を使用してカスタマイズすることもできます。
+アウトライン バッジのボーダーの色は、`--border-color` CSS 変数を使用してカスタマイズすることもできます。
### Dot