diff --git a/docs/developing/config/global/index.md b/docs/developing/config/global/index.md
index c2358647c26..b58bc0610a4 100644
--- a/docs/developing/config/global/index.md
+++ b/docs/developing/config/global/index.md
@@ -2,7 +2,7 @@ import Tabs from '@theme/Tabs';
 import TabItem from '@theme/TabItem';
 
 <Tabs
-  groupId="global-config"
+  groupId="framework"
   defaultValue="javascript"
   values={[
     { value: 'javascript', label: 'JavaScript' },
diff --git a/docs/developing/config/per-component/index.md b/docs/developing/config/per-component/index.md
index 0e4aadeee60..4b6a5427bc3 100644
--- a/docs/developing/config/per-component/index.md
+++ b/docs/developing/config/per-component/index.md
@@ -2,7 +2,7 @@ import Tabs from '@theme/Tabs';
 import TabItem from '@theme/TabItem';
 
 <Tabs
-  groupId="per-component-config"
+  groupId="framework"
   defaultValue="javascript"
   values={[
     { value: 'javascript', label: 'JavaScript' },
diff --git a/docs/developing/config/per-platform-fallback/index.md b/docs/developing/config/per-platform-fallback/index.md
index 6390a6120d1..c7d12df30ba 100644
--- a/docs/developing/config/per-platform-fallback/index.md
+++ b/docs/developing/config/per-platform-fallback/index.md
@@ -2,7 +2,7 @@ import Tabs from '@theme/Tabs';
 import TabItem from '@theme/TabItem';
 
 <Tabs
-  groupId="per-platform-fallback-config"
+  groupId="framework"
   defaultValue="angular"
   values={[
     { value: 'angular', label: 'Angular' },
diff --git a/docs/developing/config/per-platform-overrides/index.md b/docs/developing/config/per-platform-overrides/index.md
index a5b8cdc490a..e8f723408b2 100644
--- a/docs/developing/config/per-platform-overrides/index.md
+++ b/docs/developing/config/per-platform-overrides/index.md
@@ -2,7 +2,7 @@ import Tabs from '@theme/Tabs';
 import TabItem from '@theme/TabItem';
 
 <Tabs
-  groupId="per-platform-fallback-config"
+  groupId="framework"
   defaultValue="angular"
   values={[
     { value: 'angular', label: 'Angular' },
diff --git a/docs/developing/config/per-platform/index.md b/docs/developing/config/per-platform/index.md
index d21553ad1cf..3deba7540b0 100644
--- a/docs/developing/config/per-platform/index.md
+++ b/docs/developing/config/per-platform/index.md
@@ -2,7 +2,7 @@ import Tabs from '@theme/Tabs';
 import TabItem from '@theme/TabItem';
 
 <Tabs
-  groupId="per-platform-config"
+  groupId="framework"
   defaultValue="angular"
   values={[
     { value: 'angular', label: 'Angular' },
diff --git a/docs/native-setup.md b/docs/native-setup.md
index 6c9c518e2d4..26a5469f3f9 100644
--- a/docs/native-setup.md
+++ b/docs/native-setup.md
@@ -41,7 +41,7 @@ Using the [Camera plugin](native/camera.md) as an example, first install it:
 
 ````mdx-code-block
 <Tabs
-  groupId="runtime"
+  groupId="framework"
   defaultValue="javascript"
   values={[
     { value: 'javascript', label: 'JavaScript' },
diff --git a/versioned_docs/version-v6/developing/config/global/index.md b/versioned_docs/version-v6/developing/config/global/index.md
index c2358647c26..b58bc0610a4 100644
--- a/versioned_docs/version-v6/developing/config/global/index.md
+++ b/versioned_docs/version-v6/developing/config/global/index.md
@@ -2,7 +2,7 @@ import Tabs from '@theme/Tabs';
 import TabItem from '@theme/TabItem';
 
 <Tabs
-  groupId="global-config"
+  groupId="framework"
   defaultValue="javascript"
   values={[
     { value: 'javascript', label: 'JavaScript' },
diff --git a/versioned_docs/version-v6/developing/config/per-component/index.md b/versioned_docs/version-v6/developing/config/per-component/index.md
index 0e4aadeee60..4b6a5427bc3 100644
--- a/versioned_docs/version-v6/developing/config/per-component/index.md
+++ b/versioned_docs/version-v6/developing/config/per-component/index.md
@@ -2,7 +2,7 @@ import Tabs from '@theme/Tabs';
 import TabItem from '@theme/TabItem';
 
 <Tabs
-  groupId="per-component-config"
+  groupId="framework"
   defaultValue="javascript"
   values={[
     { value: 'javascript', label: 'JavaScript' },
diff --git a/versioned_docs/version-v6/developing/config/per-platform-fallback/index.md b/versioned_docs/version-v6/developing/config/per-platform-fallback/index.md
index 6390a6120d1..c7d12df30ba 100644
--- a/versioned_docs/version-v6/developing/config/per-platform-fallback/index.md
+++ b/versioned_docs/version-v6/developing/config/per-platform-fallback/index.md
@@ -2,7 +2,7 @@ import Tabs from '@theme/Tabs';
 import TabItem from '@theme/TabItem';
 
 <Tabs
-  groupId="per-platform-fallback-config"
+  groupId="framework"
   defaultValue="angular"
   values={[
     { value: 'angular', label: 'Angular' },
diff --git a/versioned_docs/version-v6/developing/config/per-platform-overrides/index.md b/versioned_docs/version-v6/developing/config/per-platform-overrides/index.md
index a5b8cdc490a..e8f723408b2 100644
--- a/versioned_docs/version-v6/developing/config/per-platform-overrides/index.md
+++ b/versioned_docs/version-v6/developing/config/per-platform-overrides/index.md
@@ -2,7 +2,7 @@ import Tabs from '@theme/Tabs';
 import TabItem from '@theme/TabItem';
 
 <Tabs
-  groupId="per-platform-fallback-config"
+  groupId="framework"
   defaultValue="angular"
   values={[
     { value: 'angular', label: 'Angular' },
diff --git a/versioned_docs/version-v6/developing/config/per-platform/index.md b/versioned_docs/version-v6/developing/config/per-platform/index.md
index d21553ad1cf..3deba7540b0 100644
--- a/versioned_docs/version-v6/developing/config/per-platform/index.md
+++ b/versioned_docs/version-v6/developing/config/per-platform/index.md
@@ -2,7 +2,7 @@ import Tabs from '@theme/Tabs';
 import TabItem from '@theme/TabItem';
 
 <Tabs
-  groupId="per-platform-config"
+  groupId="framework"
   defaultValue="angular"
   values={[
     { value: 'angular', label: 'Angular' },
diff --git a/versioned_docs/version-v6/native-setup.md b/versioned_docs/version-v6/native-setup.md
index 30a8ac5c0fc..9f673d37788 100644
--- a/versioned_docs/version-v6/native-setup.md
+++ b/versioned_docs/version-v6/native-setup.md
@@ -41,7 +41,7 @@ Using the [Camera plugin](native/camera.md) as an example, first install it:
 
 ````mdx-code-block
 <Tabs
-  groupId="runtime"
+  groupId="framework"
   defaultValue="javascript"
   values={[
     { value: 'javascript', label: 'JavaScript' },