diff --git a/docs/angular/src/content/jp/components/list.mdx b/docs/angular/src/content/jp/components/list.mdx
index 2431442d8f..6ef11bdef9 100644
--- a/docs/angular/src/content/jp/components/list.mdx
+++ b/docs/angular/src/content/jp/components/list.mdx
@@ -295,7 +295,7 @@ toggleFavorite(item: IgxListItem) {
 }
 ```
 
-また、`--ig-size` カスタム CSS プロパティを使用して、ユーザーがリストのサイズを選択できるようにすることができます。これには、`IgxButtonGroupModule` をインポートし、[**IgxButtonGroup**](/button-group) を使用してすべてのサイズ値を表示します。このようにして、選択されるたびに、リストの**サイズ**が更新されます。
+また、`--ig-size` カスタム CSS プロパティを使用して、ユーザーがリストのサイズを選択できるようにすることができます。これには、`IgxButtonGroupModule` をインポートし、[**IgxButtonGroup**](./inputs/button-group.mdx) を使用してすべてのサイズ値を表示します。このようにして、選択されるたびに、リストの**サイズ**が更新されます。
 
 ```typescript
 // app.module.ts
diff --git a/docs/angular/src/content/jp/components/themes/roundness.mdx b/docs/angular/src/content/jp/components/themes/roundness.mdx
index 86dd22a1e7..98b8d2cf50 100644
--- a/docs/angular/src/content/jp/components/themes/roundness.mdx
+++ b/docs/angular/src/content/jp/components/themes/roundness.mdx
@@ -22,7 +22,7 @@ Ignite UI for Angular では、丸みを 0 から 1 の間の値で調整する
 `--ig-radius-factor` を 0 に設定すると、コンポーネントは最小の border-radius を使用し、角がシャープなブロック状に表示されます。1 に設定すると、最大の border-radius が適用され、より丸みを帯びた外観になります。
 
 以下は、定義済みの最小および最大の境界半径値を持ち、`--ig-radius-factor` 変数を使用して変更できるコンポーネントのリストです。 <br />
-• [Action Strip](../action-strip.mdx) • [Button](../button.mdx) • [Button Group](../button-group.mdx) • [Calendar](../calendar.mdx) • [Card](../card.mdx) • [Carousel](../carousel.mdx) • [Checkbox](../checkbox.mdx) • [Chip](../chip.mdx) • [Combo](../combo.mdx) • [Date Picker](../date-picker.mdx) • [Date Range Picker](../date-range-picker.mdx) • [Grid](../grid/grid.mdx) • [Input Group](../input-group.mdx) • [Linear Progress](../linear-progress.mdx) • [List](../list.mdx) • [Month Picker](../month-picker.mdx) • [Navigation Drawer](../navdrawer.mdx) • [Radio](../radio-button.mdx) • [Ripple](../ripple.mdx) • [Snackbar](../snackbar.mdx) • [Switch](../switch.mdx) • [Toast](../toast.mdx)
+• [Action Strip](../action-strip.mdx) • [Button](../button.mdx) • [Button Group](../inputs/button-group.mdx) • [Calendar](../calendar.mdx) • [Card](../card.mdx) • [Carousel](../carousel.mdx) • [Checkbox](../checkbox.mdx) • [Chip](../chip.mdx) • [Combo](../combo.mdx) • [Date Picker](../date-picker.mdx) • [Date Range Picker](../date-range-picker.mdx) • [Grid](../grid/grid.mdx) • [Input Group](../input-group.mdx) • [Linear Progress](../linear-progress.mdx) • [List](../list.mdx) • [Month Picker](../month-picker.mdx) • [Navigation Drawer](../navdrawer.mdx) • [Radio](../radio-button.mdx) • [Ripple](../ripple.mdx) • [Snackbar](../snackbar.mdx) • [Switch](../switch.mdx) • [Toast](../toast.mdx)
 
 ## 使用方法
 
diff --git a/docs/angular/src/content/jp/components/toc.json b/docs/angular/src/content/jp/components/toc.json
index a99226fdfb..4824dd0c4b 100644
--- a/docs/angular/src/content/jp/components/toc.json
+++ b/docs/angular/src/content/jp/components/toc.json
@@ -1957,7 +1957,7 @@
   },
   {
     "name": "Button Group",
-    "href": "button-group.mdx"
+    "href": "inputs/button-group.mdx"
   },
   {
     "name": "Icon Button",
diff --git a/docs/angular/src/content/jp/images/anatomy-content-light/button-group-lt-a.png b/docs/angular/src/content/jp/images/anatomy-content-light/button-group-lt-a.png
new file mode 100644
index 0000000000..d4990ae354
Binary files /dev/null and b/docs/angular/src/content/jp/images/anatomy-content-light/button-group-lt-a.png differ
diff --git a/docs/angular/src/content/jp/images/button-group/button-group-do-1.png b/docs/angular/src/content/jp/images/button-group/button-group-do-1.png
new file mode 100644
index 0000000000..4acaf050a9
Binary files /dev/null and b/docs/angular/src/content/jp/images/button-group/button-group-do-1.png differ
diff --git a/docs/angular/src/content/jp/images/button-group/button-group-do-2.png b/docs/angular/src/content/jp/images/button-group/button-group-do-2.png
new file mode 100644
index 0000000000..d9c79b1461
Binary files /dev/null and b/docs/angular/src/content/jp/images/button-group/button-group-do-2.png differ
diff --git a/docs/angular/src/content/jp/images/button-group/button-group-do-3.png b/docs/angular/src/content/jp/images/button-group/button-group-do-3.png
new file mode 100644
index 0000000000..2f016de185
Binary files /dev/null and b/docs/angular/src/content/jp/images/button-group/button-group-do-3.png differ
diff --git a/docs/angular/src/content/jp/images/button-group/button-group-do-not-1.png b/docs/angular/src/content/jp/images/button-group/button-group-do-not-1.png
new file mode 100644
index 0000000000..4634972692
Binary files /dev/null and b/docs/angular/src/content/jp/images/button-group/button-group-do-not-1.png differ
diff --git a/docs/angular/src/content/jp/images/button-group/button-group-do-not-2.png b/docs/angular/src/content/jp/images/button-group/button-group-do-not-2.png
new file mode 100644
index 0000000000..585f7ff91c
Binary files /dev/null and b/docs/angular/src/content/jp/images/button-group/button-group-do-not-2.png differ
diff --git a/docs/angular/src/content/jp/images/button-group/button-group-do-not-3.png b/docs/angular/src/content/jp/images/button-group/button-group-do-not-3.png
new file mode 100644
index 0000000000..68d4a04dc5
Binary files /dev/null and b/docs/angular/src/content/jp/images/button-group/button-group-do-not-3.png differ