diff --git a/docs/api/accordion-group.md b/docs/api/accordion-group.md
index 0000f6774c..42c008436c 100644
--- a/docs/api/accordion-group.md
+++ b/docs/api/accordion-group.md
@@ -1,12 +1,12 @@
---
title: "ion-accordion-group"
---
-import Props from '@ionic-internal/component-api/v8/accordion-group/props.md';
-import Events from '@ionic-internal/component-api/v8/accordion-group/events.md';
-import Methods from '@ionic-internal/component-api/v8/accordion-group/methods.md';
-import Parts from '@ionic-internal/component-api/v8/accordion-group/parts.md';
+import Props from '@ionic-internal/component-api/v8/accordion-group/props.mdx';
+import Events from '@ionic-internal/component-api/v8/accordion-group/events.mdx';
+import Methods from '@ionic-internal/component-api/v8/accordion-group/methods.mdx';
+import Parts from '@ionic-internal/component-api/v8/accordion-group/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v8/accordion-group/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v8/accordion-group/slots.md';
+import Slots from '@ionic-internal/component-api/v8/accordion-group/slots.mdx';
import EncapsulationPill from '@components/page/api/EncapsulationPill';
diff --git a/docs/api/accordion.md b/docs/api/accordion.md
index 728d5378b9..e9572452ad 100644
--- a/docs/api/accordion.md
+++ b/docs/api/accordion.md
@@ -1,12 +1,12 @@
---
title: "ion-accordion"
---
-import Props from '@ionic-internal/component-api/v8/accordion/props.md';
-import Events from '@ionic-internal/component-api/v8/accordion/events.md';
-import Methods from '@ionic-internal/component-api/v8/accordion/methods.md';
-import Parts from '@ionic-internal/component-api/v8/accordion/parts.md';
+import Props from '@ionic-internal/component-api/v8/accordion/props.mdx';
+import Events from '@ionic-internal/component-api/v8/accordion/events.mdx';
+import Methods from '@ionic-internal/component-api/v8/accordion/methods.mdx';
+import Parts from '@ionic-internal/component-api/v8/accordion/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v8/accordion/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v8/accordion/slots.md';
+import Slots from '@ionic-internal/component-api/v8/accordion/slots.mdx';
ion-accordion: Accordion Components: How to Build & Examples
diff --git a/docs/api/action-sheet.md b/docs/api/action-sheet.md
index 1ff6ff2a26..a5aa80c205 100644
--- a/docs/api/action-sheet.md
+++ b/docs/api/action-sheet.md
@@ -4,12 +4,12 @@ title: "ion-action-sheet"
import Tabs from '@theme/Tabs';
import TabItem from '@theme/TabItem';
-import Props from '@ionic-internal/component-api/v8/action-sheet/props.md';
-import Events from '@ionic-internal/component-api/v8/action-sheet/events.md';
-import Methods from '@ionic-internal/component-api/v8/action-sheet/methods.md';
-import Parts from '@ionic-internal/component-api/v8/action-sheet/parts.md';
+import Props from '@ionic-internal/component-api/v8/action-sheet/props.mdx';
+import Events from '@ionic-internal/component-api/v8/action-sheet/events.mdx';
+import Methods from '@ionic-internal/component-api/v8/action-sheet/methods.mdx';
+import Parts from '@ionic-internal/component-api/v8/action-sheet/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v8/action-sheet/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v8/action-sheet/slots.md';
+import Slots from '@ionic-internal/component-api/v8/action-sheet/slots.mdx';
ion-action-sheet: Action Sheet Dialog for iOS and Android
diff --git a/docs/api/alert.md b/docs/api/alert.md
index 2a2310fb3c..69b2a14e40 100644
--- a/docs/api/alert.md
+++ b/docs/api/alert.md
@@ -4,12 +4,12 @@ title: "ion-alert"
import Tabs from '@theme/Tabs';
import TabItem from '@theme/TabItem';
-import Props from '@ionic-internal/component-api/v8/alert/props.md';
-import Events from '@ionic-internal/component-api/v8/alert/events.md';
-import Methods from '@ionic-internal/component-api/v8/alert/methods.md';
-import Parts from '@ionic-internal/component-api/v8/alert/parts.md';
+import Props from '@ionic-internal/component-api/v8/alert/props.mdx';
+import Events from '@ionic-internal/component-api/v8/alert/events.mdx';
+import Methods from '@ionic-internal/component-api/v8/alert/methods.mdx';
+import Parts from '@ionic-internal/component-api/v8/alert/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v8/alert/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v8/alert/slots.md';
+import Slots from '@ionic-internal/component-api/v8/alert/slots.mdx';
ion-alert: Ionic Alert Buttons with Custom Message Prompts
diff --git a/docs/api/app.md b/docs/api/app.md
index 5e20f74cd2..3d4f8dcbd8 100644
--- a/docs/api/app.md
+++ b/docs/api/app.md
@@ -1,12 +1,12 @@
---
title: "ion-app"
---
-import Props from '@ionic-internal/component-api/v8/app/props.md';
-import Events from '@ionic-internal/component-api/v8/app/events.md';
-import Methods from '@ionic-internal/component-api/v8/app/methods.md';
-import Parts from '@ionic-internal/component-api/v8/app/parts.md';
+import Props from '@ionic-internal/component-api/v8/app/props.mdx';
+import Events from '@ionic-internal/component-api/v8/app/events.mdx';
+import Methods from '@ionic-internal/component-api/v8/app/methods.mdx';
+import Parts from '@ionic-internal/component-api/v8/app/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v8/app/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v8/app/slots.md';
+import Slots from '@ionic-internal/component-api/v8/app/slots.mdx';
ion-app: Container Element for an Ionic Application
diff --git a/docs/api/avatar.md b/docs/api/avatar.md
index ab9f52f3d9..98dff1d820 100644
--- a/docs/api/avatar.md
+++ b/docs/api/avatar.md
@@ -2,12 +2,12 @@
title: "ion-avatar"
---
-import Props from '@ionic-internal/component-api/v8/avatar/props.md';
-import Events from '@ionic-internal/component-api/v8/avatar/events.md';
-import Methods from '@ionic-internal/component-api/v8/avatar/methods.md';
-import Parts from '@ionic-internal/component-api/v8/avatar/parts.md';
+import Props from '@ionic-internal/component-api/v8/avatar/props.mdx';
+import Events from '@ionic-internal/component-api/v8/avatar/events.mdx';
+import Methods from '@ionic-internal/component-api/v8/avatar/methods.mdx';
+import Parts from '@ionic-internal/component-api/v8/avatar/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v8/avatar/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v8/avatar/slots.md';
+import Slots from '@ionic-internal/component-api/v8/avatar/slots.mdx';
ion-avatar: Circular Application Avatar Icon Component
diff --git a/docs/api/back-button.md b/docs/api/back-button.md
index 2e9b2a2ab0..d5ffc842c2 100644
--- a/docs/api/back-button.md
+++ b/docs/api/back-button.md
@@ -1,12 +1,12 @@
---
title: "ion-back-button"
---
-import Props from '@ionic-internal/component-api/v8/back-button/props.md';
-import Events from '@ionic-internal/component-api/v8/back-button/events.md';
-import Methods from '@ionic-internal/component-api/v8/back-button/methods.md';
-import Parts from '@ionic-internal/component-api/v8/back-button/parts.md';
+import Props from '@ionic-internal/component-api/v8/back-button/props.mdx';
+import Events from '@ionic-internal/component-api/v8/back-button/events.mdx';
+import Methods from '@ionic-internal/component-api/v8/back-button/methods.mdx';
+import Parts from '@ionic-internal/component-api/v8/back-button/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v8/back-button/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v8/back-button/slots.md';
+import Slots from '@ionic-internal/component-api/v8/back-button/slots.mdx';
ion-back-button: Custom Menu Back Button for Applications
diff --git a/docs/api/backdrop.md b/docs/api/backdrop.md
index 5d9ce67607..88f0c0e960 100644
--- a/docs/api/backdrop.md
+++ b/docs/api/backdrop.md
@@ -1,12 +1,12 @@
---
title: "ion-backdrop"
---
-import Props from '@ionic-internal/component-api/v8/backdrop/props.md';
-import Events from '@ionic-internal/component-api/v8/backdrop/events.md';
-import Methods from '@ionic-internal/component-api/v8/backdrop/methods.md';
-import Parts from '@ionic-internal/component-api/v8/backdrop/parts.md';
+import Props from '@ionic-internal/component-api/v8/backdrop/props.mdx';
+import Events from '@ionic-internal/component-api/v8/backdrop/events.mdx';
+import Methods from '@ionic-internal/component-api/v8/backdrop/methods.mdx';
+import Parts from '@ionic-internal/component-api/v8/backdrop/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v8/backdrop/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v8/backdrop/slots.md';
+import Slots from '@ionic-internal/component-api/v8/backdrop/slots.mdx';
import EncapsulationPill from '@components/page/api/EncapsulationPill';
diff --git a/docs/api/badge.md b/docs/api/badge.md
index 6a4e667191..b293ac483f 100644
--- a/docs/api/badge.md
+++ b/docs/api/badge.md
@@ -1,12 +1,12 @@
---
title: "ion-badge"
---
-import Props from '@ionic-internal/component-api/v8/badge/props.md';
-import Events from '@ionic-internal/component-api/v8/badge/events.md';
-import Methods from '@ionic-internal/component-api/v8/badge/methods.md';
-import Parts from '@ionic-internal/component-api/v8/badge/parts.md';
+import Props from '@ionic-internal/component-api/v8/badge/props.mdx';
+import Events from '@ionic-internal/component-api/v8/badge/events.mdx';
+import Methods from '@ionic-internal/component-api/v8/badge/methods.mdx';
+import Parts from '@ionic-internal/component-api/v8/badge/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v8/badge/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v8/badge/slots.md';
+import Slots from '@ionic-internal/component-api/v8/badge/slots.mdx';
ion-badge: iOS & Android App Notification Badge Icons
diff --git a/docs/api/breadcrumb.md b/docs/api/breadcrumb.md
index 6332ab8916..bc99edaf89 100644
--- a/docs/api/breadcrumb.md
+++ b/docs/api/breadcrumb.md
@@ -1,12 +1,12 @@
---
title: "ion-breadcrumb"
---
-import Props from '@ionic-internal/component-api/v8/breadcrumb/props.md';
-import Events from '@ionic-internal/component-api/v8/breadcrumb/events.md';
-import Methods from '@ionic-internal/component-api/v8/breadcrumb/methods.md';
-import Parts from '@ionic-internal/component-api/v8/breadcrumb/parts.md';
+import Props from '@ionic-internal/component-api/v8/breadcrumb/props.mdx';
+import Events from '@ionic-internal/component-api/v8/breadcrumb/events.mdx';
+import Methods from '@ionic-internal/component-api/v8/breadcrumb/methods.mdx';
+import Parts from '@ionic-internal/component-api/v8/breadcrumb/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v8/breadcrumb/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v8/breadcrumb/slots.md';
+import Slots from '@ionic-internal/component-api/v8/breadcrumb/slots.mdx';
import EncapsulationPill from '@components/page/api/EncapsulationPill';
diff --git a/docs/api/breadcrumbs.md b/docs/api/breadcrumbs.md
index da1c92e04f..d1607174ac 100644
--- a/docs/api/breadcrumbs.md
+++ b/docs/api/breadcrumbs.md
@@ -1,12 +1,12 @@
---
title: "ion-breadcrumbs"
---
-import Props from '@ionic-internal/component-api/v8/breadcrumbs/props.md';
-import Events from '@ionic-internal/component-api/v8/breadcrumbs/events.md';
-import Methods from '@ionic-internal/component-api/v8/breadcrumbs/methods.md';
-import Parts from '@ionic-internal/component-api/v8/breadcrumbs/parts.md';
+import Props from '@ionic-internal/component-api/v8/breadcrumbs/props.mdx';
+import Events from '@ionic-internal/component-api/v8/breadcrumbs/events.mdx';
+import Methods from '@ionic-internal/component-api/v8/breadcrumbs/methods.mdx';
+import Parts from '@ionic-internal/component-api/v8/breadcrumbs/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v8/breadcrumbs/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v8/breadcrumbs/slots.md';
+import Slots from '@ionic-internal/component-api/v8/breadcrumbs/slots.mdx';
diff --git a/docs/api/button.md b/docs/api/button.md
index bd0e00afb3..ff8faa634e 100644
--- a/docs/api/button.md
+++ b/docs/api/button.md
@@ -1,12 +1,12 @@
---
title: "ion-button"
---
-import Props from '@ionic-internal/component-api/v8/button/props.md';
-import Events from '@ionic-internal/component-api/v8/button/events.md';
-import Methods from '@ionic-internal/component-api/v8/button/methods.md';
-import Parts from '@ionic-internal/component-api/v8/button/parts.md';
+import Props from '@ionic-internal/component-api/v8/button/props.mdx';
+import Events from '@ionic-internal/component-api/v8/button/events.mdx';
+import Methods from '@ionic-internal/component-api/v8/button/methods.mdx';
+import Parts from '@ionic-internal/component-api/v8/button/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v8/button/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v8/button/slots.md';
+import Slots from '@ionic-internal/component-api/v8/button/slots.mdx';
ion-button: Style Buttons with Custom CSS Properties
diff --git a/docs/api/buttons.md b/docs/api/buttons.md
index a3b7778d1c..d01a5ebd22 100644
--- a/docs/api/buttons.md
+++ b/docs/api/buttons.md
@@ -1,12 +1,12 @@
---
title: "ion-buttons"
---
-import Props from '@ionic-internal/component-api/v8/buttons/props.md';
-import Events from '@ionic-internal/component-api/v8/buttons/events.md';
-import Methods from '@ionic-internal/component-api/v8/buttons/methods.md';
-import Parts from '@ionic-internal/component-api/v8/buttons/parts.md';
+import Props from '@ionic-internal/component-api/v8/buttons/props.mdx';
+import Events from '@ionic-internal/component-api/v8/buttons/events.mdx';
+import Methods from '@ionic-internal/component-api/v8/buttons/methods.mdx';
+import Parts from '@ionic-internal/component-api/v8/buttons/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v8/buttons/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v8/buttons/slots.md';
+import Slots from '@ionic-internal/component-api/v8/buttons/slots.mdx';
ion-buttons: Toolbar Element with Named Slots for Buttons
diff --git a/docs/api/card-content.md b/docs/api/card-content.md
index db48b3519b..2ebc80ca2f 100644
--- a/docs/api/card-content.md
+++ b/docs/api/card-content.md
@@ -1,12 +1,12 @@
---
title: "ion-card-content"
---
-import Props from '@ionic-internal/component-api/v8/card-content/props.md';
-import Events from '@ionic-internal/component-api/v8/card-content/events.md';
-import Methods from '@ionic-internal/component-api/v8/card-content/methods.md';
-import Parts from '@ionic-internal/component-api/v8/card-content/parts.md';
+import Props from '@ionic-internal/component-api/v8/card-content/props.mdx';
+import Events from '@ionic-internal/component-api/v8/card-content/events.mdx';
+import Methods from '@ionic-internal/component-api/v8/card-content/methods.mdx';
+import Parts from '@ionic-internal/component-api/v8/card-content/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v8/card-content/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v8/card-content/slots.md';
+import Slots from '@ionic-internal/component-api/v8/card-content/slots.mdx';
import EncapsulationPill from '@components/page/api/EncapsulationPill';
diff --git a/docs/api/card-header.md b/docs/api/card-header.md
index a030e19e04..d3ff1c04f1 100644
--- a/docs/api/card-header.md
+++ b/docs/api/card-header.md
@@ -1,12 +1,12 @@
---
title: "ion-card-header"
---
-import Props from '@ionic-internal/component-api/v8/card-header/props.md';
-import Events from '@ionic-internal/component-api/v8/card-header/events.md';
-import Methods from '@ionic-internal/component-api/v8/card-header/methods.md';
-import Parts from '@ionic-internal/component-api/v8/card-header/parts.md';
+import Props from '@ionic-internal/component-api/v8/card-header/props.mdx';
+import Events from '@ionic-internal/component-api/v8/card-header/events.mdx';
+import Methods from '@ionic-internal/component-api/v8/card-header/methods.mdx';
+import Parts from '@ionic-internal/component-api/v8/card-header/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v8/card-header/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v8/card-header/slots.md';
+import Slots from '@ionic-internal/component-api/v8/card-header/slots.mdx';
import EncapsulationPill from '@components/page/api/EncapsulationPill';
diff --git a/docs/api/card-subtitle.md b/docs/api/card-subtitle.md
index 0cf067bbe3..11434bccd4 100644
--- a/docs/api/card-subtitle.md
+++ b/docs/api/card-subtitle.md
@@ -1,12 +1,12 @@
---
title: "ion-card-subtitle"
---
-import Props from '@ionic-internal/component-api/v8/card-subtitle/props.md';
-import Events from '@ionic-internal/component-api/v8/card-subtitle/events.md';
-import Methods from '@ionic-internal/component-api/v8/card-subtitle/methods.md';
-import Parts from '@ionic-internal/component-api/v8/card-subtitle/parts.md';
+import Props from '@ionic-internal/component-api/v8/card-subtitle/props.mdx';
+import Events from '@ionic-internal/component-api/v8/card-subtitle/events.mdx';
+import Methods from '@ionic-internal/component-api/v8/card-subtitle/methods.mdx';
+import Parts from '@ionic-internal/component-api/v8/card-subtitle/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v8/card-subtitle/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v8/card-subtitle/slots.md';
+import Slots from '@ionic-internal/component-api/v8/card-subtitle/slots.mdx';
import EncapsulationPill from '@components/page/api/EncapsulationPill';
diff --git a/docs/api/card-title.md b/docs/api/card-title.md
index c077486a8e..44fb71ada4 100644
--- a/docs/api/card-title.md
+++ b/docs/api/card-title.md
@@ -1,12 +1,12 @@
---
title: "ion-card-title"
---
-import Props from '@ionic-internal/component-api/v8/card-title/props.md';
-import Events from '@ionic-internal/component-api/v8/card-title/events.md';
-import Methods from '@ionic-internal/component-api/v8/card-title/methods.md';
-import Parts from '@ionic-internal/component-api/v8/card-title/parts.md';
+import Props from '@ionic-internal/component-api/v8/card-title/props.mdx';
+import Events from '@ionic-internal/component-api/v8/card-title/events.mdx';
+import Methods from '@ionic-internal/component-api/v8/card-title/methods.mdx';
+import Parts from '@ionic-internal/component-api/v8/card-title/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v8/card-title/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v8/card-title/slots.md';
+import Slots from '@ionic-internal/component-api/v8/card-title/slots.mdx';
import EncapsulationPill from '@components/page/api/EncapsulationPill';
diff --git a/docs/api/card.md b/docs/api/card.md
index ab8189925c..e13804d185 100644
--- a/docs/api/card.md
+++ b/docs/api/card.md
@@ -1,12 +1,12 @@
---
title: "ion-card"
---
-import Props from '@ionic-internal/component-api/v8/card/props.md';
-import Events from '@ionic-internal/component-api/v8/card/events.md';
-import Methods from '@ionic-internal/component-api/v8/card/methods.md';
-import Parts from '@ionic-internal/component-api/v8/card/parts.md';
+import Props from '@ionic-internal/component-api/v8/card/props.mdx';
+import Events from '@ionic-internal/component-api/v8/card/events.mdx';
+import Methods from '@ionic-internal/component-api/v8/card/methods.mdx';
+import Parts from '@ionic-internal/component-api/v8/card/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v8/card/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v8/card/slots.md';
+import Slots from '@ionic-internal/component-api/v8/card/slots.mdx';
import EncapsulationPill from '@components/page/api/EncapsulationPill';
diff --git a/docs/api/checkbox.md b/docs/api/checkbox.md
index ddc9331f50..65f7dffa41 100644
--- a/docs/api/checkbox.md
+++ b/docs/api/checkbox.md
@@ -2,12 +2,12 @@
title: "ion-checkbox"
---
-import Props from '@ionic-internal/component-api/v8/checkbox/props.md';
-import Events from '@ionic-internal/component-api/v8/checkbox/events.md';
-import Methods from '@ionic-internal/component-api/v8/checkbox/methods.md';
-import Parts from '@ionic-internal/component-api/v8/checkbox/parts.md';
+import Props from '@ionic-internal/component-api/v8/checkbox/props.mdx';
+import Events from '@ionic-internal/component-api/v8/checkbox/events.mdx';
+import Methods from '@ionic-internal/component-api/v8/checkbox/methods.mdx';
+import Parts from '@ionic-internal/component-api/v8/checkbox/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v8/checkbox/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v8/checkbox/slots.md';
+import Slots from '@ionic-internal/component-api/v8/checkbox/slots.mdx';
ion-checkbox: Ionic App Checkbox to Select Multiple Options
diff --git a/docs/api/chip.md b/docs/api/chip.md
index 3dfcbc3c54..29ca8960db 100644
--- a/docs/api/chip.md
+++ b/docs/api/chip.md
@@ -1,12 +1,12 @@
---
title: "ion-chip"
---
-import Props from '@ionic-internal/component-api/v8/chip/props.md';
-import Events from '@ionic-internal/component-api/v8/chip/events.md';
-import Methods from '@ionic-internal/component-api/v8/chip/methods.md';
-import Parts from '@ionic-internal/component-api/v8/chip/parts.md';
+import Props from '@ionic-internal/component-api/v8/chip/props.mdx';
+import Events from '@ionic-internal/component-api/v8/chip/events.mdx';
+import Methods from '@ionic-internal/component-api/v8/chip/methods.mdx';
+import Parts from '@ionic-internal/component-api/v8/chip/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v8/chip/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v8/chip/slots.md';
+import Slots from '@ionic-internal/component-api/v8/chip/slots.mdx';
ion-chip: Text, Icon and Avatar for Ionic Framework Apps
diff --git a/docs/api/col.md b/docs/api/col.md
index 52bf4a43a7..5514872a3a 100644
--- a/docs/api/col.md
+++ b/docs/api/col.md
@@ -1,12 +1,12 @@
---
title: "ion-col"
---
-import Props from '@ionic-internal/component-api/v8/col/props.md';
-import Events from '@ionic-internal/component-api/v8/col/events.md';
-import Methods from '@ionic-internal/component-api/v8/col/methods.md';
-import Parts from '@ionic-internal/component-api/v8/col/parts.md';
+import Props from '@ionic-internal/component-api/v8/col/props.mdx';
+import Events from '@ionic-internal/component-api/v8/col/events.mdx';
+import Methods from '@ionic-internal/component-api/v8/col/methods.mdx';
+import Parts from '@ionic-internal/component-api/v8/col/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v8/col/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v8/col/slots.md';
+import Slots from '@ionic-internal/component-api/v8/col/slots.mdx';
ion-col: Column Component Padding and Other Properties
diff --git a/docs/api/content.md b/docs/api/content.md
index c6b8ca6f29..8f9ae11cfa 100644
--- a/docs/api/content.md
+++ b/docs/api/content.md
@@ -1,12 +1,12 @@
---
title: "ion-content"
---
-import Props from '@ionic-internal/component-api/v8/content/props.md';
-import Events from '@ionic-internal/component-api/v8/content/events.md';
-import Methods from '@ionic-internal/component-api/v8/content/methods.md';
-import Parts from '@ionic-internal/component-api/v8/content/parts.md';
+import Props from '@ionic-internal/component-api/v8/content/props.mdx';
+import Events from '@ionic-internal/component-api/v8/content/events.mdx';
+import Methods from '@ionic-internal/component-api/v8/content/methods.mdx';
+import Parts from '@ionic-internal/component-api/v8/content/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v8/content/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v8/content/slots.md';
+import Slots from '@ionic-internal/component-api/v8/content/slots.mdx';
ion-content: Scrollable Component for Ionic App Content
diff --git a/docs/api/datetime-button.md b/docs/api/datetime-button.md
index 87f7c245f8..9268c365c4 100644
--- a/docs/api/datetime-button.md
+++ b/docs/api/datetime-button.md
@@ -1,12 +1,12 @@
---
title: "ion-datetime-button"
---
-import Props from '@ionic-internal/component-api/v8/datetime-button/props.md';
-import Events from '@ionic-internal/component-api/v8/datetime-button/events.md';
-import Methods from '@ionic-internal/component-api/v8/datetime-button/methods.md';
-import Parts from '@ionic-internal/component-api/v8/datetime-button/parts.md';
+import Props from '@ionic-internal/component-api/v8/datetime-button/props.mdx';
+import Events from '@ionic-internal/component-api/v8/datetime-button/events.mdx';
+import Methods from '@ionic-internal/component-api/v8/datetime-button/methods.mdx';
+import Parts from '@ionic-internal/component-api/v8/datetime-button/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v8/datetime-button/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v8/datetime-button/slots.md';
+import Slots from '@ionic-internal/component-api/v8/datetime-button/slots.mdx';
ion-datetime-button: Ionic Input for Datetime Picker
diff --git a/docs/api/datetime.md b/docs/api/datetime.md
index 4db2603d79..fa3a29255f 100644
--- a/docs/api/datetime.md
+++ b/docs/api/datetime.md
@@ -1,12 +1,12 @@
---
title: "ion-datetime"
---
-import Props from '@ionic-internal/component-api/v8/datetime/props.md';
-import Events from '@ionic-internal/component-api/v8/datetime/events.md';
-import Methods from '@ionic-internal/component-api/v8/datetime/methods.md';
-import Parts from '@ionic-internal/component-api/v8/datetime/parts.md';
+import Props from '@ionic-internal/component-api/v8/datetime/props.mdx';
+import Events from '@ionic-internal/component-api/v8/datetime/events.mdx';
+import Methods from '@ionic-internal/component-api/v8/datetime/methods.mdx';
+import Parts from '@ionic-internal/component-api/v8/datetime/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v8/datetime/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v8/datetime/slots.md';
+import Slots from '@ionic-internal/component-api/v8/datetime/slots.mdx';
import Basic from '@site/static/usage/v8/datetime/basic/index.md';
diff --git a/docs/api/fab-button.md b/docs/api/fab-button.md
index fdb0cae91a..8b6ae6be4a 100644
--- a/docs/api/fab-button.md
+++ b/docs/api/fab-button.md
@@ -1,12 +1,12 @@
---
title: "ion-fab-button"
---
-import Props from '@ionic-internal/component-api/v8/fab-button/props.md';
-import Events from '@ionic-internal/component-api/v8/fab-button/events.md';
-import Methods from '@ionic-internal/component-api/v8/fab-button/methods.md';
-import Parts from '@ionic-internal/component-api/v8/fab-button/parts.md';
+import Props from '@ionic-internal/component-api/v8/fab-button/props.mdx';
+import Events from '@ionic-internal/component-api/v8/fab-button/events.mdx';
+import Methods from '@ionic-internal/component-api/v8/fab-button/methods.mdx';
+import Parts from '@ionic-internal/component-api/v8/fab-button/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v8/fab-button/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v8/fab-button/slots.md';
+import Slots from '@ionic-internal/component-api/v8/fab-button/slots.mdx';
ion-fab-button: Ionic FAB Button Icon for Primary Action
diff --git a/docs/api/fab-list.md b/docs/api/fab-list.md
index 997a495b1d..b59f8e33e1 100644
--- a/docs/api/fab-list.md
+++ b/docs/api/fab-list.md
@@ -1,12 +1,12 @@
---
title: "ion-fab-list"
---
-import Props from '@ionic-internal/component-api/v8/fab-list/props.md';
-import Events from '@ionic-internal/component-api/v8/fab-list/events.md';
-import Methods from '@ionic-internal/component-api/v8/fab-list/methods.md';
-import Parts from '@ionic-internal/component-api/v8/fab-list/parts.md';
+import Props from '@ionic-internal/component-api/v8/fab-list/props.mdx';
+import Events from '@ionic-internal/component-api/v8/fab-list/events.mdx';
+import Methods from '@ionic-internal/component-api/v8/fab-list/methods.mdx';
+import Parts from '@ionic-internal/component-api/v8/fab-list/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v8/fab-list/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v8/fab-list/slots.md';
+import Slots from '@ionic-internal/component-api/v8/fab-list/slots.mdx';
import EncapsulationPill from '@components/page/api/EncapsulationPill';
diff --git a/docs/api/fab.md b/docs/api/fab.md
index 068a068364..e11df80c0c 100644
--- a/docs/api/fab.md
+++ b/docs/api/fab.md
@@ -1,12 +1,12 @@
---
title: "ion-fab"
---
-import Props from '@ionic-internal/component-api/v8/fab/props.md';
-import Events from '@ionic-internal/component-api/v8/fab/events.md';
-import Methods from '@ionic-internal/component-api/v8/fab/methods.md';
-import Parts from '@ionic-internal/component-api/v8/fab/parts.md';
+import Props from '@ionic-internal/component-api/v8/fab/props.mdx';
+import Events from '@ionic-internal/component-api/v8/fab/events.mdx';
+import Methods from '@ionic-internal/component-api/v8/fab/methods.mdx';
+import Parts from '@ionic-internal/component-api/v8/fab/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v8/fab/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v8/fab/slots.md';
+import Slots from '@ionic-internal/component-api/v8/fab/slots.mdx';
ion-fab: Ionic Floating Action Button for Android and iOS
diff --git a/docs/api/footer.md b/docs/api/footer.md
index 09542f9f85..20e53a9e70 100644
--- a/docs/api/footer.md
+++ b/docs/api/footer.md
@@ -1,12 +1,12 @@
---
title: "ion-footer"
---
-import Props from '@ionic-internal/component-api/v8/footer/props.md';
-import Events from '@ionic-internal/component-api/v8/footer/events.md';
-import Methods from '@ionic-internal/component-api/v8/footer/methods.md';
-import Parts from '@ionic-internal/component-api/v8/footer/parts.md';
+import Props from '@ionic-internal/component-api/v8/footer/props.mdx';
+import Events from '@ionic-internal/component-api/v8/footer/events.mdx';
+import Methods from '@ionic-internal/component-api/v8/footer/methods.mdx';
+import Parts from '@ionic-internal/component-api/v8/footer/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v8/footer/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v8/footer/slots.md';
+import Slots from '@ionic-internal/component-api/v8/footer/slots.mdx';
ion-footer: Page Footer | Ionic App Footer Root Component
diff --git a/docs/api/grid.md b/docs/api/grid.md
index 691e71b4a5..45c5b0100a 100644
--- a/docs/api/grid.md
+++ b/docs/api/grid.md
@@ -1,12 +1,12 @@
---
title: "ion-grid"
---
-import Props from '@ionic-internal/component-api/v8/grid/props.md';
-import Events from '@ionic-internal/component-api/v8/grid/events.md';
-import Methods from '@ionic-internal/component-api/v8/grid/methods.md';
-import Parts from '@ionic-internal/component-api/v8/grid/parts.md';
+import Props from '@ionic-internal/component-api/v8/grid/props.mdx';
+import Events from '@ionic-internal/component-api/v8/grid/events.mdx';
+import Methods from '@ionic-internal/component-api/v8/grid/methods.mdx';
+import Parts from '@ionic-internal/component-api/v8/grid/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v8/grid/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v8/grid/slots.md';
+import Slots from '@ionic-internal/component-api/v8/grid/slots.mdx';
ion-grid: Display Grids for Mobile-First Custom App Layout
diff --git a/docs/api/header.md b/docs/api/header.md
index 972075f372..a23c4f3803 100644
--- a/docs/api/header.md
+++ b/docs/api/header.md
@@ -1,12 +1,12 @@
---
title: "ion-header"
---
-import Props from '@ionic-internal/component-api/v8/header/props.md';
-import Events from '@ionic-internal/component-api/v8/header/events.md';
-import Methods from '@ionic-internal/component-api/v8/header/methods.md';
-import Parts from '@ionic-internal/component-api/v8/header/parts.md';
+import Props from '@ionic-internal/component-api/v8/header/props.mdx';
+import Events from '@ionic-internal/component-api/v8/header/events.mdx';
+import Methods from '@ionic-internal/component-api/v8/header/methods.mdx';
+import Parts from '@ionic-internal/component-api/v8/header/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v8/header/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v8/header/slots.md';
+import Slots from '@ionic-internal/component-api/v8/header/slots.mdx';
ion-header: Header Parent Component for Ionic Framework Apps
diff --git a/docs/api/img.md b/docs/api/img.md
index bc812a8ca0..6b86b0de06 100644
--- a/docs/api/img.md
+++ b/docs/api/img.md
@@ -2,12 +2,12 @@
title: "ion-img"
---
-import Props from '@ionic-internal/component-api/v8/img/props.md';
-import Events from '@ionic-internal/component-api/v8/img/events.md';
-import Methods from '@ionic-internal/component-api/v8/img/methods.md';
-import Parts from '@ionic-internal/component-api/v8/img/parts.md';
+import Props from '@ionic-internal/component-api/v8/img/props.mdx';
+import Events from '@ionic-internal/component-api/v8/img/events.mdx';
+import Methods from '@ionic-internal/component-api/v8/img/methods.mdx';
+import Parts from '@ionic-internal/component-api/v8/img/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v8/img/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v8/img/slots.md';
+import Slots from '@ionic-internal/component-api/v8/img/slots.mdx';
ion-img: Img Tag to Lazy Load Images in Viewport
diff --git a/docs/api/infinite-scroll-content.md b/docs/api/infinite-scroll-content.md
index fc8aa9cb28..081339ca1d 100644
--- a/docs/api/infinite-scroll-content.md
+++ b/docs/api/infinite-scroll-content.md
@@ -2,12 +2,12 @@
title: "ion-infinite-scroll-content"
---
-import Props from '@ionic-internal/component-api/v8/infinite-scroll-content/props.md';
-import Events from '@ionic-internal/component-api/v8/infinite-scroll-content/events.md';
-import Methods from '@ionic-internal/component-api/v8/infinite-scroll-content/methods.md';
-import Parts from '@ionic-internal/component-api/v8/infinite-scroll-content/parts.md';
+import Props from '@ionic-internal/component-api/v8/infinite-scroll-content/props.mdx';
+import Events from '@ionic-internal/component-api/v8/infinite-scroll-content/events.mdx';
+import Methods from '@ionic-internal/component-api/v8/infinite-scroll-content/methods.mdx';
+import Parts from '@ionic-internal/component-api/v8/infinite-scroll-content/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v8/infinite-scroll-content/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v8/infinite-scroll-content/slots.md';
+import Slots from '@ionic-internal/component-api/v8/infinite-scroll-content/slots.mdx';
import EncapsulationPill from '@components/page/api/EncapsulationPill';
diff --git a/docs/api/infinite-scroll.md b/docs/api/infinite-scroll.md
index 5a8d29dc83..8776b39f51 100644
--- a/docs/api/infinite-scroll.md
+++ b/docs/api/infinite-scroll.md
@@ -2,12 +2,12 @@
title: "ion-infinite-scroll"
---
-import Props from '@ionic-internal/component-api/v8/infinite-scroll/props.md';
-import Events from '@ionic-internal/component-api/v8/infinite-scroll/events.md';
-import Methods from '@ionic-internal/component-api/v8/infinite-scroll/methods.md';
-import Parts from '@ionic-internal/component-api/v8/infinite-scroll/parts.md';
+import Props from '@ionic-internal/component-api/v8/infinite-scroll/props.mdx';
+import Events from '@ionic-internal/component-api/v8/infinite-scroll/events.mdx';
+import Methods from '@ionic-internal/component-api/v8/infinite-scroll/methods.mdx';
+import Parts from '@ionic-internal/component-api/v8/infinite-scroll/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v8/infinite-scroll/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v8/infinite-scroll/slots.md';
+import Slots from '@ionic-internal/component-api/v8/infinite-scroll/slots.mdx';
ion-infinite-scroll: Infinite Scroller Action Component
diff --git a/docs/api/input-otp.md b/docs/api/input-otp.md
index ebec290e11..364280713d 100644
--- a/docs/api/input-otp.md
+++ b/docs/api/input-otp.md
@@ -1,12 +1,12 @@
---
title: "ion-input-otp"
---
-import Props from '@ionic-internal/component-api/v8/input-otp/props.md';
-import Events from '@ionic-internal/component-api/v8/input-otp/events.md';
-import Methods from '@ionic-internal/component-api/v8/input-otp/methods.md';
-import Parts from '@ionic-internal/component-api/v8/input-otp/parts.md';
+import Props from '@ionic-internal/component-api/v8/input-otp/props.mdx';
+import Events from '@ionic-internal/component-api/v8/input-otp/events.mdx';
+import Methods from '@ionic-internal/component-api/v8/input-otp/methods.mdx';
+import Parts from '@ionic-internal/component-api/v8/input-otp/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v8/input-otp/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v8/input-otp/slots.md';
+import Slots from '@ionic-internal/component-api/v8/input-otp/slots.mdx';
ion-input-otp: One-Time Password Input Component
diff --git a/docs/api/input-password-toggle.md b/docs/api/input-password-toggle.md
index 7813203667..2f1fb695a4 100644
--- a/docs/api/input-password-toggle.md
+++ b/docs/api/input-password-toggle.md
@@ -1,12 +1,12 @@
---
title: "ion-input-password-toggle"
---
-import Props from '@ionic-internal/component-api/v8/input-password-toggle/props.md';
-import Events from '@ionic-internal/component-api/v8/input-password-toggle/events.md';
-import Methods from '@ionic-internal/component-api/v8/input-password-toggle/methods.md';
-import Parts from '@ionic-internal/component-api/v8/input-password-toggle/parts.md';
+import Props from '@ionic-internal/component-api/v8/input-password-toggle/props.mdx';
+import Events from '@ionic-internal/component-api/v8/input-password-toggle/events.mdx';
+import Methods from '@ionic-internal/component-api/v8/input-password-toggle/methods.mdx';
+import Parts from '@ionic-internal/component-api/v8/input-password-toggle/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v8/input-password-toggle/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v8/input-password-toggle/slots.md';
+import Slots from '@ionic-internal/component-api/v8/input-password-toggle/slots.mdx';
ion-input-password-toggle: Toggle the visibility of a password in Input
diff --git a/docs/api/input.md b/docs/api/input.md
index 42f2d88c30..865a2e9573 100644
--- a/docs/api/input.md
+++ b/docs/api/input.md
@@ -1,12 +1,12 @@
---
title: "ion-input"
---
-import Props from '@ionic-internal/component-api/v8/input/props.md';
-import Events from '@ionic-internal/component-api/v8/input/events.md';
-import Methods from '@ionic-internal/component-api/v8/input/methods.md';
-import Parts from '@ionic-internal/component-api/v8/input/parts.md';
+import Props from '@ionic-internal/component-api/v8/input/props.mdx';
+import Events from '@ionic-internal/component-api/v8/input/events.mdx';
+import Methods from '@ionic-internal/component-api/v8/input/methods.mdx';
+import Parts from '@ionic-internal/component-api/v8/input/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v8/input/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v8/input/slots.md';
+import Slots from '@ionic-internal/component-api/v8/input/slots.mdx';
ion-input: Custom Input With Styling and CSS Properties
diff --git a/docs/api/item-divider.md b/docs/api/item-divider.md
index 6de7f9fe8f..74e748d464 100644
--- a/docs/api/item-divider.md
+++ b/docs/api/item-divider.md
@@ -1,12 +1,12 @@
---
title: "ion-item-divider"
---
-import Props from '@ionic-internal/component-api/v8/item-divider/props.md';
-import Events from '@ionic-internal/component-api/v8/item-divider/events.md';
-import Methods from '@ionic-internal/component-api/v8/item-divider/methods.md';
-import Parts from '@ionic-internal/component-api/v8/item-divider/parts.md';
+import Props from '@ionic-internal/component-api/v8/item-divider/props.mdx';
+import Events from '@ionic-internal/component-api/v8/item-divider/events.mdx';
+import Methods from '@ionic-internal/component-api/v8/item-divider/methods.mdx';
+import Parts from '@ionic-internal/component-api/v8/item-divider/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v8/item-divider/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v8/item-divider/slots.md';
+import Slots from '@ionic-internal/component-api/v8/item-divider/slots.mdx';
ion-item-divider: Item Divider Block Element for Ionic Apps
diff --git a/docs/api/item-group.md b/docs/api/item-group.md
index 6943a72c3e..a9ef6cf091 100644
--- a/docs/api/item-group.md
+++ b/docs/api/item-group.md
@@ -1,12 +1,12 @@
---
title: "ion-item-group"
---
-import Props from '@ionic-internal/component-api/v8/item-group/props.md';
-import Events from '@ionic-internal/component-api/v8/item-group/events.md';
-import Methods from '@ionic-internal/component-api/v8/item-group/methods.md';
-import Parts from '@ionic-internal/component-api/v8/item-group/parts.md';
+import Props from '@ionic-internal/component-api/v8/item-group/props.mdx';
+import Events from '@ionic-internal/component-api/v8/item-group/events.mdx';
+import Methods from '@ionic-internal/component-api/v8/item-group/methods.mdx';
+import Parts from '@ionic-internal/component-api/v8/item-group/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v8/item-group/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v8/item-group/slots.md';
+import Slots from '@ionic-internal/component-api/v8/item-group/slots.mdx';
ion-item-group: Group Items to Divide into Multiple Sections
diff --git a/docs/api/item-option.md b/docs/api/item-option.md
index 93c0f281f7..0516db6f22 100644
--- a/docs/api/item-option.md
+++ b/docs/api/item-option.md
@@ -1,12 +1,12 @@
---
title: "ion-item-option"
---
-import Props from '@ionic-internal/component-api/v8/item-option/props.md';
-import Events from '@ionic-internal/component-api/v8/item-option/events.md';
-import Methods from '@ionic-internal/component-api/v8/item-option/methods.md';
-import Parts from '@ionic-internal/component-api/v8/item-option/parts.md';
+import Props from '@ionic-internal/component-api/v8/item-option/props.mdx';
+import Events from '@ionic-internal/component-api/v8/item-option/events.mdx';
+import Methods from '@ionic-internal/component-api/v8/item-option/methods.mdx';
+import Parts from '@ionic-internal/component-api/v8/item-option/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v8/item-option/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v8/item-option/slots.md';
+import Slots from '@ionic-internal/component-api/v8/item-option/slots.mdx';
ion-item-option: Option Button for Sliding Item in Ionic
diff --git a/docs/api/item-options.md b/docs/api/item-options.md
index a71125d606..f34d84e6f5 100644
--- a/docs/api/item-options.md
+++ b/docs/api/item-options.md
@@ -1,12 +1,12 @@
---
title: "ion-item-options"
---
-import Props from '@ionic-internal/component-api/v8/item-options/props.md';
-import Events from '@ionic-internal/component-api/v8/item-options/events.md';
-import Methods from '@ionic-internal/component-api/v8/item-options/methods.md';
-import Parts from '@ionic-internal/component-api/v8/item-options/parts.md';
+import Props from '@ionic-internal/component-api/v8/item-options/props.mdx';
+import Events from '@ionic-internal/component-api/v8/item-options/events.mdx';
+import Methods from '@ionic-internal/component-api/v8/item-options/methods.mdx';
+import Parts from '@ionic-internal/component-api/v8/item-options/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v8/item-options/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v8/item-options/slots.md';
+import Slots from '@ionic-internal/component-api/v8/item-options/slots.mdx';
ion-item-options: Option Button Components for Ionic Apps
diff --git a/docs/api/item-sliding.md b/docs/api/item-sliding.md
index 3d8b9a1f61..c9a32a9a1f 100644
--- a/docs/api/item-sliding.md
+++ b/docs/api/item-sliding.md
@@ -1,12 +1,12 @@
---
title: "ion-item-sliding"
---
-import Props from '@ionic-internal/component-api/v8/item-sliding/props.md';
-import Events from '@ionic-internal/component-api/v8/item-sliding/events.md';
-import Methods from '@ionic-internal/component-api/v8/item-sliding/methods.md';
-import Parts from '@ionic-internal/component-api/v8/item-sliding/parts.md';
+import Props from '@ionic-internal/component-api/v8/item-sliding/props.mdx';
+import Events from '@ionic-internal/component-api/v8/item-sliding/events.mdx';
+import Methods from '@ionic-internal/component-api/v8/item-sliding/methods.mdx';
+import Parts from '@ionic-internal/component-api/v8/item-sliding/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v8/item-sliding/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v8/item-sliding/slots.md';
+import Slots from '@ionic-internal/component-api/v8/item-sliding/slots.mdx';
ion-item-sliding: Slide Buttons | Slide Right to Left
diff --git a/docs/api/item.md b/docs/api/item.md
index 55af3f19ad..3e38253712 100644
--- a/docs/api/item.md
+++ b/docs/api/item.md
@@ -1,12 +1,12 @@
---
title: "ion-item"
---
-import Props from '@ionic-internal/component-api/v8/item/props.md';
-import Events from '@ionic-internal/component-api/v8/item/events.md';
-import Methods from '@ionic-internal/component-api/v8/item/methods.md';
-import Parts from '@ionic-internal/component-api/v8/item/parts.md';
+import Props from '@ionic-internal/component-api/v8/item/props.mdx';
+import Events from '@ionic-internal/component-api/v8/item/events.mdx';
+import Methods from '@ionic-internal/component-api/v8/item/methods.mdx';
+import Parts from '@ionic-internal/component-api/v8/item/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v8/item/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v8/item/slots.md';
+import Slots from '@ionic-internal/component-api/v8/item/slots.mdx';
import useBaseUrl from '@docusaurus/useBaseUrl';
import BestPracticeFigure from '@components/global/BestPracticeFigure';
diff --git a/docs/api/label.md b/docs/api/label.md
index 216bd24305..c1aeab780a 100644
--- a/docs/api/label.md
+++ b/docs/api/label.md
@@ -1,12 +1,12 @@
---
title: "ion-label"
---
-import Props from '@ionic-internal/component-api/v8/label/props.md';
-import Events from '@ionic-internal/component-api/v8/label/events.md';
-import Methods from '@ionic-internal/component-api/v8/label/methods.md';
-import Parts from '@ionic-internal/component-api/v8/label/parts.md';
+import Props from '@ionic-internal/component-api/v8/label/props.mdx';
+import Events from '@ionic-internal/component-api/v8/label/events.mdx';
+import Methods from '@ionic-internal/component-api/v8/label/methods.mdx';
+import Parts from '@ionic-internal/component-api/v8/label/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v8/label/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v8/label/slots.md';
+import Slots from '@ionic-internal/component-api/v8/label/slots.mdx';
ion-label: Item Label Color and Properties for Applications
diff --git a/docs/api/list-header.md b/docs/api/list-header.md
index aa6e8d5f5b..33024693dd 100644
--- a/docs/api/list-header.md
+++ b/docs/api/list-header.md
@@ -1,12 +1,12 @@
---
title: "ion-list-header"
---
-import Props from '@ionic-internal/component-api/v8/list-header/props.md';
-import Events from '@ionic-internal/component-api/v8/list-header/events.md';
-import Methods from '@ionic-internal/component-api/v8/list-header/methods.md';
-import Parts from '@ionic-internal/component-api/v8/list-header/parts.md';
+import Props from '@ionic-internal/component-api/v8/list-header/props.mdx';
+import Events from '@ionic-internal/component-api/v8/list-header/events.mdx';
+import Methods from '@ionic-internal/component-api/v8/list-header/methods.mdx';
+import Parts from '@ionic-internal/component-api/v8/list-header/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v8/list-header/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v8/list-header/slots.md';
+import Slots from '@ionic-internal/component-api/v8/list-header/slots.mdx';
import EncapsulationPill from '@components/page/api/EncapsulationPill';
diff --git a/docs/api/list.md b/docs/api/list.md
index bd5fa7d9ab..49e0cecd8b 100644
--- a/docs/api/list.md
+++ b/docs/api/list.md
@@ -1,12 +1,12 @@
---
title: "ion-list"
---
-import Props from '@ionic-internal/component-api/v8/list/props.md';
-import Events from '@ionic-internal/component-api/v8/list/events.md';
-import Methods from '@ionic-internal/component-api/v8/list/methods.md';
-import Parts from '@ionic-internal/component-api/v8/list/parts.md';
+import Props from '@ionic-internal/component-api/v8/list/props.mdx';
+import Events from '@ionic-internal/component-api/v8/list/events.mdx';
+import Methods from '@ionic-internal/component-api/v8/list/methods.mdx';
+import Parts from '@ionic-internal/component-api/v8/list/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v8/list/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v8/list/slots.md';
+import Slots from '@ionic-internal/component-api/v8/list/slots.mdx';
ion-list: Item List View Component for iOS and Android Apps
diff --git a/docs/api/loading.md b/docs/api/loading.md
index 6302e217dc..27281d571a 100644
--- a/docs/api/loading.md
+++ b/docs/api/loading.md
@@ -1,12 +1,12 @@
---
title: "ion-loading"
---
-import Props from '@ionic-internal/component-api/v8/loading/props.md';
-import Events from '@ionic-internal/component-api/v8/loading/events.md';
-import Methods from '@ionic-internal/component-api/v8/loading/methods.md';
-import Parts from '@ionic-internal/component-api/v8/loading/parts.md';
+import Props from '@ionic-internal/component-api/v8/loading/props.mdx';
+import Events from '@ionic-internal/component-api/v8/loading/events.mdx';
+import Methods from '@ionic-internal/component-api/v8/loading/methods.mdx';
+import Parts from '@ionic-internal/component-api/v8/loading/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v8/loading/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v8/loading/slots.md';
+import Slots from '@ionic-internal/component-api/v8/loading/slots.mdx';
ion-loading: Loading | Application Loading Indicator Overlay
diff --git a/docs/api/menu-button.md b/docs/api/menu-button.md
index 6a7373a032..fcae5214c8 100644
--- a/docs/api/menu-button.md
+++ b/docs/api/menu-button.md
@@ -1,12 +1,12 @@
---
title: "ion-menu-button"
---
-import Props from '@ionic-internal/component-api/v8/menu-button/props.md';
-import Events from '@ionic-internal/component-api/v8/menu-button/events.md';
-import Methods from '@ionic-internal/component-api/v8/menu-button/methods.md';
-import Parts from '@ionic-internal/component-api/v8/menu-button/parts.md';
+import Props from '@ionic-internal/component-api/v8/menu-button/props.mdx';
+import Events from '@ionic-internal/component-api/v8/menu-button/events.mdx';
+import Methods from '@ionic-internal/component-api/v8/menu-button/methods.mdx';
+import Parts from '@ionic-internal/component-api/v8/menu-button/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v8/menu-button/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v8/menu-button/slots.md';
+import Slots from '@ionic-internal/component-api/v8/menu-button/slots.mdx';
ion-menu-button: Menu Button to Open an App Menu on a Page
diff --git a/docs/api/menu-toggle.md b/docs/api/menu-toggle.md
index 486b9a1cc3..b7e2de7766 100644
--- a/docs/api/menu-toggle.md
+++ b/docs/api/menu-toggle.md
@@ -1,12 +1,12 @@
---
title: "ion-menu-toggle"
---
-import Props from '@ionic-internal/component-api/v8/menu-toggle/props.md';
-import Events from '@ionic-internal/component-api/v8/menu-toggle/events.md';
-import Methods from '@ionic-internal/component-api/v8/menu-toggle/methods.md';
-import Parts from '@ionic-internal/component-api/v8/menu-toggle/parts.md';
+import Props from '@ionic-internal/component-api/v8/menu-toggle/props.mdx';
+import Events from '@ionic-internal/component-api/v8/menu-toggle/events.mdx';
+import Methods from '@ionic-internal/component-api/v8/menu-toggle/methods.mdx';
+import Parts from '@ionic-internal/component-api/v8/menu-toggle/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v8/menu-toggle/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v8/menu-toggle/slots.md';
+import Slots from '@ionic-internal/component-api/v8/menu-toggle/slots.mdx';
ion-menu-toggle: MenuToggle Component to Open/Close Menus
diff --git a/docs/api/menu.md b/docs/api/menu.md
index 37f68e0e3a..a4e31516da 100644
--- a/docs/api/menu.md
+++ b/docs/api/menu.md
@@ -1,12 +1,12 @@
---
title: "ion-menu"
---
-import Props from '@ionic-internal/component-api/v8/menu/props.md';
-import Events from '@ionic-internal/component-api/v8/menu/events.md';
-import Methods from '@ionic-internal/component-api/v8/menu/methods.md';
-import Parts from '@ionic-internal/component-api/v8/menu/parts.md';
+import Props from '@ionic-internal/component-api/v8/menu/props.mdx';
+import Events from '@ionic-internal/component-api/v8/menu/events.mdx';
+import Methods from '@ionic-internal/component-api/v8/menu/methods.mdx';
+import Parts from '@ionic-internal/component-api/v8/menu/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v8/menu/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v8/menu/slots.md';
+import Slots from '@ionic-internal/component-api/v8/menu/slots.mdx';
ion-menu: API Framework Docs for Types of Menu Components
diff --git a/docs/api/modal.md b/docs/api/modal.md
index 2b3868b819..df544505e9 100644
--- a/docs/api/modal.md
+++ b/docs/api/modal.md
@@ -1,12 +1,12 @@
---
title: "ion-modal"
---
-import Props from '@ionic-internal/component-api/v8/modal/props.md';
-import Events from '@ionic-internal/component-api/v8/modal/events.md';
-import Methods from '@ionic-internal/component-api/v8/modal/methods.md';
-import Parts from '@ionic-internal/component-api/v8/modal/parts.md';
+import Props from '@ionic-internal/component-api/v8/modal/props.mdx';
+import Events from '@ionic-internal/component-api/v8/modal/events.mdx';
+import Methods from '@ionic-internal/component-api/v8/modal/methods.mdx';
+import Parts from '@ionic-internal/component-api/v8/modal/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v8/modal/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v8/modal/slots.md';
+import Slots from '@ionic-internal/component-api/v8/modal/slots.mdx';
ion-modal: Ionic Mobile App Custom Modal API Component
diff --git a/docs/api/nav-link.md b/docs/api/nav-link.md
index e939bfbf3a..9c5323f24c 100644
--- a/docs/api/nav-link.md
+++ b/docs/api/nav-link.md
@@ -1,12 +1,12 @@
---
title: "ion-nav-link"
---
-import Props from '@ionic-internal/component-api/v8/nav-link/props.md';
-import Events from '@ionic-internal/component-api/v8/nav-link/events.md';
-import Methods from '@ionic-internal/component-api/v8/nav-link/methods.md';
-import Parts from '@ionic-internal/component-api/v8/nav-link/parts.md';
+import Props from '@ionic-internal/component-api/v8/nav-link/props.mdx';
+import Events from '@ionic-internal/component-api/v8/nav-link/events.mdx';
+import Methods from '@ionic-internal/component-api/v8/nav-link/methods.mdx';
+import Parts from '@ionic-internal/component-api/v8/nav-link/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v8/nav-link/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v8/nav-link/slots.md';
+import Slots from '@ionic-internal/component-api/v8/nav-link/slots.mdx';
ion-nav-link: Navigation Links to a Specified Component
diff --git a/docs/api/nav.md b/docs/api/nav.md
index b57c4874a8..f9961ae051 100644
--- a/docs/api/nav.md
+++ b/docs/api/nav.md
@@ -1,12 +1,12 @@
---
title: "ion-nav"
---
-import Props from '@ionic-internal/component-api/v8/nav/props.md';
-import Events from '@ionic-internal/component-api/v8/nav/events.md';
-import Methods from '@ionic-internal/component-api/v8/nav/methods.md';
-import Parts from '@ionic-internal/component-api/v8/nav/parts.md';
+import Props from '@ionic-internal/component-api/v8/nav/props.mdx';
+import Events from '@ionic-internal/component-api/v8/nav/events.mdx';
+import Methods from '@ionic-internal/component-api/v8/nav/methods.mdx';
+import Parts from '@ionic-internal/component-api/v8/nav/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v8/nav/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v8/nav/slots.md';
+import Slots from '@ionic-internal/component-api/v8/nav/slots.mdx';
ion-nav: Nav View Component for Ionic Framework Apps
diff --git a/docs/api/note.md b/docs/api/note.md
index 41bfcb4884..15ae86f6fb 100644
--- a/docs/api/note.md
+++ b/docs/api/note.md
@@ -1,12 +1,12 @@
---
title: "ion-note"
---
-import Props from '@ionic-internal/component-api/v8/note/props.md';
-import Events from '@ionic-internal/component-api/v8/note/events.md';
-import Methods from '@ionic-internal/component-api/v8/note/methods.md';
-import Parts from '@ionic-internal/component-api/v8/note/parts.md';
+import Props from '@ionic-internal/component-api/v8/note/props.mdx';
+import Events from '@ionic-internal/component-api/v8/note/events.mdx';
+import Methods from '@ionic-internal/component-api/v8/note/methods.mdx';
+import Parts from '@ionic-internal/component-api/v8/note/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v8/note/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v8/note/slots.md';
+import Slots from '@ionic-internal/component-api/v8/note/slots.mdx';
ion-note: Note Text Elements for iOS and Android Ionic Apps
diff --git a/docs/api/picker-column-option.md b/docs/api/picker-column-option.md
index ea1f428b45..5a27a094df 100644
--- a/docs/api/picker-column-option.md
+++ b/docs/api/picker-column-option.md
@@ -1,12 +1,12 @@
---
title: "ion-picker-column-option"
---
-import Props from '@ionic-internal/component-api/v8/picker-column-option/props.md';
-import Events from '@ionic-internal/component-api/v8/picker-column-option/events.md';
-import Methods from '@ionic-internal/component-api/v8/picker-column-option/methods.md';
-import Parts from '@ionic-internal/component-api/v8/picker-column-option/parts.md';
+import Props from '@ionic-internal/component-api/v8/picker-column-option/props.mdx';
+import Events from '@ionic-internal/component-api/v8/picker-column-option/events.mdx';
+import Methods from '@ionic-internal/component-api/v8/picker-column-option/methods.mdx';
+import Parts from '@ionic-internal/component-api/v8/picker-column-option/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v8/picker-column-option/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v8/picker-column-option/slots.md';
+import Slots from '@ionic-internal/component-api/v8/picker-column-option/slots.mdx';
ion-picker-column-option: The individual options within a column in a picker.
diff --git a/docs/api/picker-column.md b/docs/api/picker-column.md
index 48280cdd38..1eb19562bf 100644
--- a/docs/api/picker-column.md
+++ b/docs/api/picker-column.md
@@ -1,12 +1,12 @@
---
title: "ion-picker-column"
---
-import Props from '@ionic-internal/component-api/v8/picker-column/props.md';
-import Events from '@ionic-internal/component-api/v8/picker-column/events.md';
-import Methods from '@ionic-internal/component-api/v8/picker-column/methods.md';
-import Parts from '@ionic-internal/component-api/v8/picker-column/parts.md';
+import Props from '@ionic-internal/component-api/v8/picker-column/props.mdx';
+import Events from '@ionic-internal/component-api/v8/picker-column/events.mdx';
+import Methods from '@ionic-internal/component-api/v8/picker-column/methods.mdx';
+import Parts from '@ionic-internal/component-api/v8/picker-column/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v8/picker-column/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v8/picker-column/slots.md';
+import Slots from '@ionic-internal/component-api/v8/picker-column/slots.mdx';
ion-picker-column: Individual columns within a picker
diff --git a/docs/api/picker-legacy.md b/docs/api/picker-legacy.md
index f0812b528f..77a4532b91 100644
--- a/docs/api/picker-legacy.md
+++ b/docs/api/picker-legacy.md
@@ -1,12 +1,12 @@
---
title: "ion-picker-legacy"
---
-import Props from '@ionic-internal/component-api/v8/picker-legacy/props.md';
-import Events from '@ionic-internal/component-api/v8/picker-legacy/events.md';
-import Methods from '@ionic-internal/component-api/v8/picker-legacy/methods.md';
-import Parts from '@ionic-internal/component-api/v8/picker-legacy/parts.md';
+import Props from '@ionic-internal/component-api/v8/picker-legacy/props.mdx';
+import Events from '@ionic-internal/component-api/v8/picker-legacy/events.mdx';
+import Methods from '@ionic-internal/component-api/v8/picker-legacy/methods.mdx';
+import Parts from '@ionic-internal/component-api/v8/picker-legacy/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v8/picker-legacy/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v8/picker-legacy/slots.md';
+import Slots from '@ionic-internal/component-api/v8/picker-legacy/slots.mdx';
ion-picker-legacy: A Dialog That Displays Buttons and Columns
diff --git a/docs/api/picker.md b/docs/api/picker.md
index 888ec7e528..8639f7f740 100644
--- a/docs/api/picker.md
+++ b/docs/api/picker.md
@@ -1,12 +1,12 @@
---
title: "ion-picker"
---
-import Props from '@ionic-internal/component-api/v8/picker/props.md';
-import Events from '@ionic-internal/component-api/v8/picker/events.md';
-import Methods from '@ionic-internal/component-api/v8/picker/methods.md';
-import Parts from '@ionic-internal/component-api/v8/picker/parts.md';
+import Props from '@ionic-internal/component-api/v8/picker/props.mdx';
+import Events from '@ionic-internal/component-api/v8/picker/events.mdx';
+import Methods from '@ionic-internal/component-api/v8/picker/methods.mdx';
+import Parts from '@ionic-internal/component-api/v8/picker/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v8/picker/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v8/picker/slots.md';
+import Slots from '@ionic-internal/component-api/v8/picker/slots.mdx';
ion-picker: Display a list of options in columns
diff --git a/docs/api/popover.md b/docs/api/popover.md
index fe0dd4c773..68a27b6ea9 100644
--- a/docs/api/popover.md
+++ b/docs/api/popover.md
@@ -1,12 +1,12 @@
---
title: "ion-popover"
---
-import Props from '@ionic-internal/component-api/v8/popover/props.md';
-import Events from '@ionic-internal/component-api/v8/popover/events.md';
-import Methods from '@ionic-internal/component-api/v8/popover/methods.md';
-import Parts from '@ionic-internal/component-api/v8/popover/parts.md';
+import Props from '@ionic-internal/component-api/v8/popover/props.mdx';
+import Events from '@ionic-internal/component-api/v8/popover/events.mdx';
+import Methods from '@ionic-internal/component-api/v8/popover/methods.mdx';
+import Parts from '@ionic-internal/component-api/v8/popover/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v8/popover/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v8/popover/slots.md';
+import Slots from '@ionic-internal/component-api/v8/popover/slots.mdx';
ion-popover: iOS / Android Popover UI Dialog Component
diff --git a/docs/api/progress-bar.md b/docs/api/progress-bar.md
index 69ff4b5447..e0d0e2bfef 100644
--- a/docs/api/progress-bar.md
+++ b/docs/api/progress-bar.md
@@ -1,12 +1,12 @@
---
title: "ion-progress-bar"
---
-import Props from '@ionic-internal/component-api/v8/progress-bar/props.md';
-import Events from '@ionic-internal/component-api/v8/progress-bar/events.md';
-import Methods from '@ionic-internal/component-api/v8/progress-bar/methods.md';
-import Parts from '@ionic-internal/component-api/v8/progress-bar/parts.md';
+import Props from '@ionic-internal/component-api/v8/progress-bar/props.mdx';
+import Events from '@ionic-internal/component-api/v8/progress-bar/events.mdx';
+import Methods from '@ionic-internal/component-api/v8/progress-bar/methods.mdx';
+import Parts from '@ionic-internal/component-api/v8/progress-bar/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v8/progress-bar/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v8/progress-bar/slots.md';
+import Slots from '@ionic-internal/component-api/v8/progress-bar/slots.mdx';
ion-progress-bar: App Progress Bar for Loading Indicator
diff --git a/docs/api/radio-group.md b/docs/api/radio-group.md
index 697db3a881..ed21464a4d 100644
--- a/docs/api/radio-group.md
+++ b/docs/api/radio-group.md
@@ -1,12 +1,12 @@
---
title: "ion-radio-group"
---
-import Props from '@ionic-internal/component-api/v8/radio-group/props.md';
-import Events from '@ionic-internal/component-api/v8/radio-group/events.md';
-import Methods from '@ionic-internal/component-api/v8/radio-group/methods.md';
-import Parts from '@ionic-internal/component-api/v8/radio-group/parts.md';
+import Props from '@ionic-internal/component-api/v8/radio-group/props.mdx';
+import Events from '@ionic-internal/component-api/v8/radio-group/events.mdx';
+import Methods from '@ionic-internal/component-api/v8/radio-group/methods.mdx';
+import Parts from '@ionic-internal/component-api/v8/radio-group/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v8/radio-group/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v8/radio-group/slots.md';
+import Slots from '@ionic-internal/component-api/v8/radio-group/slots.mdx';
ion-radio-group: Radio Button Group Usage for Ionic Apps
diff --git a/docs/api/radio.md b/docs/api/radio.md
index 62a86923dd..45ce93f938 100644
--- a/docs/api/radio.md
+++ b/docs/api/radio.md
@@ -1,12 +1,12 @@
---
title: "ion-radio"
---
-import Props from '@ionic-internal/component-api/v8/radio/props.md';
-import Events from '@ionic-internal/component-api/v8/radio/events.md';
-import Methods from '@ionic-internal/component-api/v8/radio/methods.md';
-import Parts from '@ionic-internal/component-api/v8/radio/parts.md';
+import Props from '@ionic-internal/component-api/v8/radio/props.mdx';
+import Events from '@ionic-internal/component-api/v8/radio/events.mdx';
+import Methods from '@ionic-internal/component-api/v8/radio/methods.mdx';
+import Parts from '@ionic-internal/component-api/v8/radio/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v8/radio/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v8/radio/slots.md';
+import Slots from '@ionic-internal/component-api/v8/radio/slots.mdx';
ion-radio: Radio Component for iOS and Android
diff --git a/docs/api/range.md b/docs/api/range.md
index 0a949acd1d..47a602a6a9 100644
--- a/docs/api/range.md
+++ b/docs/api/range.md
@@ -1,12 +1,12 @@
---
title: "ion-range"
---
-import Props from '@ionic-internal/component-api/v8/range/props.md';
-import Events from '@ionic-internal/component-api/v8/range/events.md';
-import Methods from '@ionic-internal/component-api/v8/range/methods.md';
-import Parts from '@ionic-internal/component-api/v8/range/parts.md';
+import Props from '@ionic-internal/component-api/v8/range/props.mdx';
+import Events from '@ionic-internal/component-api/v8/range/events.mdx';
+import Methods from '@ionic-internal/component-api/v8/range/methods.mdx';
+import Parts from '@ionic-internal/component-api/v8/range/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v8/range/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v8/range/slots.md';
+import Slots from '@ionic-internal/component-api/v8/range/slots.mdx';
ion-range: Range Slider Knob Controls with Labels
diff --git a/docs/api/refresher-content.md b/docs/api/refresher-content.md
index 68bb621ee1..c81728367f 100644
--- a/docs/api/refresher-content.md
+++ b/docs/api/refresher-content.md
@@ -1,12 +1,12 @@
---
title: "ion-refresher-content"
---
-import Props from '@ionic-internal/component-api/v8/refresher-content/props.md';
-import Events from '@ionic-internal/component-api/v8/refresher-content/events.md';
-import Methods from '@ionic-internal/component-api/v8/refresher-content/methods.md';
-import Parts from '@ionic-internal/component-api/v8/refresher-content/parts.md';
+import Props from '@ionic-internal/component-api/v8/refresher-content/props.mdx';
+import Events from '@ionic-internal/component-api/v8/refresher-content/events.mdx';
+import Methods from '@ionic-internal/component-api/v8/refresher-content/methods.mdx';
+import Parts from '@ionic-internal/component-api/v8/refresher-content/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v8/refresher-content/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v8/refresher-content/slots.md';
+import Slots from '@ionic-internal/component-api/v8/refresher-content/slots.mdx';
import EncapsulationPill from '@components/page/api/EncapsulationPill';
diff --git a/docs/api/refresher.md b/docs/api/refresher.md
index a9a8d97ca5..bf1e5bc89d 100644
--- a/docs/api/refresher.md
+++ b/docs/api/refresher.md
@@ -1,12 +1,12 @@
---
title: "ion-refresher"
---
-import Props from '@ionic-internal/component-api/v8/refresher/props.md';
-import Events from '@ionic-internal/component-api/v8/refresher/events.md';
-import Methods from '@ionic-internal/component-api/v8/refresher/methods.md';
-import Parts from '@ionic-internal/component-api/v8/refresher/parts.md';
+import Props from '@ionic-internal/component-api/v8/refresher/props.mdx';
+import Events from '@ionic-internal/component-api/v8/refresher/events.mdx';
+import Methods from '@ionic-internal/component-api/v8/refresher/methods.mdx';
+import Parts from '@ionic-internal/component-api/v8/refresher/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v8/refresher/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v8/refresher/slots.md';
+import Slots from '@ionic-internal/component-api/v8/refresher/slots.mdx';
ion-refresher: Pull-to-Refresh Page Content on Ionic Apps
diff --git a/docs/api/reorder-group.md b/docs/api/reorder-group.md
index bfc5b8957f..c6a0928c77 100644
--- a/docs/api/reorder-group.md
+++ b/docs/api/reorder-group.md
@@ -1,12 +1,12 @@
---
title: "ion-reorder-group"
---
-import Props from '@ionic-internal/component-api/v8/reorder-group/props.md';
-import Events from '@ionic-internal/component-api/v8/reorder-group/events.md';
-import Methods from '@ionic-internal/component-api/v8/reorder-group/methods.md';
-import Parts from '@ionic-internal/component-api/v8/reorder-group/parts.md';
+import Props from '@ionic-internal/component-api/v8/reorder-group/props.mdx';
+import Events from '@ionic-internal/component-api/v8/reorder-group/events.mdx';
+import Methods from '@ionic-internal/component-api/v8/reorder-group/methods.mdx';
+import Parts from '@ionic-internal/component-api/v8/reorder-group/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v8/reorder-group/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v8/reorder-group/slots.md';
+import Slots from '@ionic-internal/component-api/v8/reorder-group/slots.mdx';
ion-reorder-group: Wrapper Component for Reorder Items
diff --git a/docs/api/reorder.md b/docs/api/reorder.md
index 5f771c9bad..0fac2d4b93 100644
--- a/docs/api/reorder.md
+++ b/docs/api/reorder.md
@@ -1,12 +1,12 @@
---
title: "ion-reorder"
---
-import Props from '@ionic-internal/component-api/v8/reorder/props.md';
-import Events from '@ionic-internal/component-api/v8/reorder/events.md';
-import Methods from '@ionic-internal/component-api/v8/reorder/methods.md';
-import Parts from '@ionic-internal/component-api/v8/reorder/parts.md';
+import Props from '@ionic-internal/component-api/v8/reorder/props.mdx';
+import Events from '@ionic-internal/component-api/v8/reorder/events.mdx';
+import Methods from '@ionic-internal/component-api/v8/reorder/methods.mdx';
+import Parts from '@ionic-internal/component-api/v8/reorder/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v8/reorder/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v8/reorder/slots.md';
+import Slots from '@ionic-internal/component-api/v8/reorder/slots.mdx';
ion-reorder: Drag and Drop Icon to Reorder Items
diff --git a/docs/api/ripple-effect.md b/docs/api/ripple-effect.md
index 92339eb635..fad1c62127 100644
--- a/docs/api/ripple-effect.md
+++ b/docs/api/ripple-effect.md
@@ -1,12 +1,12 @@
---
title: "ion-ripple-effect"
---
-import Props from '@ionic-internal/component-api/v8/ripple-effect/props.md';
-import Events from '@ionic-internal/component-api/v8/ripple-effect/events.md';
-import Methods from '@ionic-internal/component-api/v8/ripple-effect/methods.md';
-import Parts from '@ionic-internal/component-api/v8/ripple-effect/parts.md';
+import Props from '@ionic-internal/component-api/v8/ripple-effect/props.mdx';
+import Events from '@ionic-internal/component-api/v8/ripple-effect/events.mdx';
+import Methods from '@ionic-internal/component-api/v8/ripple-effect/methods.mdx';
+import Parts from '@ionic-internal/component-api/v8/ripple-effect/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v8/ripple-effect/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v8/ripple-effect/slots.md';
+import Slots from '@ionic-internal/component-api/v8/ripple-effect/slots.mdx';
import EncapsulationPill from '@components/page/api/EncapsulationPill';
diff --git a/docs/api/route-redirect.md b/docs/api/route-redirect.md
index 29bdb84b38..726fdbd97f 100644
--- a/docs/api/route-redirect.md
+++ b/docs/api/route-redirect.md
@@ -2,12 +2,12 @@
title: "ion-route-redirect"
---
-import Props from '@ionic-internal/component-api/v8/route-redirect/props.md';
-import Events from '@ionic-internal/component-api/v8/route-redirect/events.md';
-import Methods from '@ionic-internal/component-api/v8/route-redirect/methods.md';
-import Parts from '@ionic-internal/component-api/v8/route-redirect/parts.md';
+import Props from '@ionic-internal/component-api/v8/route-redirect/props.mdx';
+import Events from '@ionic-internal/component-api/v8/route-redirect/events.mdx';
+import Methods from '@ionic-internal/component-api/v8/route-redirect/methods.mdx';
+import Parts from '@ionic-internal/component-api/v8/route-redirect/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v8/route-redirect/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v8/route-redirect/slots.md';
+import Slots from '@ionic-internal/component-api/v8/route-redirect/slots.mdx';
ion-route-redirect: Redirect 'from' a URL 'to' Another URL
diff --git a/docs/api/route.md b/docs/api/route.md
index 068ea064bc..b801096245 100644
--- a/docs/api/route.md
+++ b/docs/api/route.md
@@ -4,12 +4,12 @@ title: "ion-route"
import Tabs from '@theme/Tabs';
import TabItem from '@theme/TabItem';
-import Props from '@ionic-internal/component-api/v8/route/props.md';
-import Events from '@ionic-internal/component-api/v8/route/events.md';
-import Methods from '@ionic-internal/component-api/v8/route/methods.md';
-import Parts from '@ionic-internal/component-api/v8/route/parts.md';
+import Props from '@ionic-internal/component-api/v8/route/props.mdx';
+import Events from '@ionic-internal/component-api/v8/route/events.mdx';
+import Methods from '@ionic-internal/component-api/v8/route/methods.mdx';
+import Parts from '@ionic-internal/component-api/v8/route/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v8/route/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v8/route/slots.md';
+import Slots from '@ionic-internal/component-api/v8/route/slots.mdx';
ion-route: API Route Component for Ionic Framework Apps
diff --git a/docs/api/router-link.md b/docs/api/router-link.md
index ec16b6be44..a98ef9cb2f 100644
--- a/docs/api/router-link.md
+++ b/docs/api/router-link.md
@@ -2,12 +2,12 @@
title: "ion-router-link"
---
-import Props from '@ionic-internal/component-api/v8/router-link/props.md';
-import Events from '@ionic-internal/component-api/v8/router-link/events.md';
-import Methods from '@ionic-internal/component-api/v8/router-link/methods.md';
-import Parts from '@ionic-internal/component-api/v8/router-link/parts.md';
+import Props from '@ionic-internal/component-api/v8/router-link/props.mdx';
+import Events from '@ionic-internal/component-api/v8/router-link/events.mdx';
+import Methods from '@ionic-internal/component-api/v8/router-link/methods.mdx';
+import Parts from '@ionic-internal/component-api/v8/router-link/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v8/router-link/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v8/router-link/slots.md';
+import Slots from '@ionic-internal/component-api/v8/router-link/slots.mdx';
ion-router-link: Navigate To a Specified Link
diff --git a/docs/api/router-outlet.md b/docs/api/router-outlet.md
index d16075a5f5..3339d4dae2 100644
--- a/docs/api/router-outlet.md
+++ b/docs/api/router-outlet.md
@@ -2,12 +2,12 @@
title: "ion-router-outlet"
---
-import Props from '@ionic-internal/component-api/v8/router-outlet/props.md';
-import Events from '@ionic-internal/component-api/v8/router-outlet/events.md';
-import Methods from '@ionic-internal/component-api/v8/router-outlet/methods.md';
-import Parts from '@ionic-internal/component-api/v8/router-outlet/parts.md';
+import Props from '@ionic-internal/component-api/v8/router-outlet/props.mdx';
+import Events from '@ionic-internal/component-api/v8/router-outlet/events.mdx';
+import Methods from '@ionic-internal/component-api/v8/router-outlet/methods.mdx';
+import Parts from '@ionic-internal/component-api/v8/router-outlet/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v8/router-outlet/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v8/router-outlet/slots.md';
+import Slots from '@ionic-internal/component-api/v8/router-outlet/slots.mdx';
diff --git a/docs/api/router.md b/docs/api/router.md
index 14019626cf..fdc505ea0c 100644
--- a/docs/api/router.md
+++ b/docs/api/router.md
@@ -2,12 +2,12 @@
title: "ion-router"
---
-import Props from '@ionic-internal/component-api/v8/router/props.md';
-import Events from '@ionic-internal/component-api/v8/router/events.md';
-import Methods from '@ionic-internal/component-api/v8/router/methods.md';
-import Parts from '@ionic-internal/component-api/v8/router/parts.md';
+import Props from '@ionic-internal/component-api/v8/router/props.mdx';
+import Events from '@ionic-internal/component-api/v8/router/events.mdx';
+import Methods from '@ionic-internal/component-api/v8/router/methods.mdx';
+import Parts from '@ionic-internal/component-api/v8/router/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v8/router/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v8/router/slots.md';
+import Slots from '@ionic-internal/component-api/v8/router/slots.mdx';
ion-router: Router Component to Coordinate URL Navigation
diff --git a/docs/api/row.md b/docs/api/row.md
index ef9ddbe8d6..c4e789af93 100644
--- a/docs/api/row.md
+++ b/docs/api/row.md
@@ -1,12 +1,12 @@
---
title: "ion-row"
---
-import Props from '@ionic-internal/component-api/v8/row/props.md';
-import Events from '@ionic-internal/component-api/v8/row/events.md';
-import Methods from '@ionic-internal/component-api/v8/row/methods.md';
-import Parts from '@ionic-internal/component-api/v8/row/parts.md';
+import Props from '@ionic-internal/component-api/v8/row/props.mdx';
+import Events from '@ionic-internal/component-api/v8/row/events.mdx';
+import Methods from '@ionic-internal/component-api/v8/row/methods.mdx';
+import Parts from '@ionic-internal/component-api/v8/row/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v8/row/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v8/row/slots.md';
+import Slots from '@ionic-internal/component-api/v8/row/slots.mdx';
ion-row: Horizontal Row Components of the Grid System
diff --git a/docs/api/searchbar.md b/docs/api/searchbar.md
index f5c64142ca..8296655169 100644
--- a/docs/api/searchbar.md
+++ b/docs/api/searchbar.md
@@ -1,12 +1,12 @@
---
title: "ion-searchbar"
---
-import Props from '@ionic-internal/component-api/v8/searchbar/props.md';
-import Events from '@ionic-internal/component-api/v8/searchbar/events.md';
-import Methods from '@ionic-internal/component-api/v8/searchbar/methods.md';
-import Parts from '@ionic-internal/component-api/v8/searchbar/parts.md';
+import Props from '@ionic-internal/component-api/v8/searchbar/props.mdx';
+import Events from '@ionic-internal/component-api/v8/searchbar/events.mdx';
+import Methods from '@ionic-internal/component-api/v8/searchbar/methods.mdx';
+import Parts from '@ionic-internal/component-api/v8/searchbar/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v8/searchbar/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v8/searchbar/slots.md';
+import Slots from '@ionic-internal/component-api/v8/searchbar/slots.mdx';
ion-searchbar: Search Bar for Searching a Collection
diff --git a/docs/api/segment-button.md b/docs/api/segment-button.md
index 475d0f2359..123d5ff972 100644
--- a/docs/api/segment-button.md
+++ b/docs/api/segment-button.md
@@ -1,12 +1,12 @@
---
title: "ion-segment-button"
---
-import Props from '@ionic-internal/component-api/v8/segment-button/props.md';
-import Events from '@ionic-internal/component-api/v8/segment-button/events.md';
-import Methods from '@ionic-internal/component-api/v8/segment-button/methods.md';
-import Parts from '@ionic-internal/component-api/v8/segment-button/parts.md';
+import Props from '@ionic-internal/component-api/v8/segment-button/props.mdx';
+import Events from '@ionic-internal/component-api/v8/segment-button/events.mdx';
+import Methods from '@ionic-internal/component-api/v8/segment-button/methods.mdx';
+import Parts from '@ionic-internal/component-api/v8/segment-button/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v8/segment-button/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v8/segment-button/slots.md';
+import Slots from '@ionic-internal/component-api/v8/segment-button/slots.mdx';
ion-segment-button | Segment Button Icon and Segment Value
diff --git a/docs/api/segment-content.md b/docs/api/segment-content.md
index 4875520eae..92d014bd7e 100644
--- a/docs/api/segment-content.md
+++ b/docs/api/segment-content.md
@@ -2,12 +2,12 @@
title: "ion-segment-content"
---
-import Props from '@ionic-internal/component-api/v8/segment-content/props.md';
-import Events from '@ionic-internal/component-api/v8/segment-content/events.md';
-import Methods from '@ionic-internal/component-api/v8/segment-content/methods.md';
-import Parts from '@ionic-internal/component-api/v8/segment-content/parts.md';
+import Props from '@ionic-internal/component-api/v8/segment-content/props.mdx';
+import Events from '@ionic-internal/component-api/v8/segment-content/events.mdx';
+import Methods from '@ionic-internal/component-api/v8/segment-content/methods.mdx';
+import Parts from '@ionic-internal/component-api/v8/segment-content/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v8/segment-content/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v8/segment-content/slots.md';
+import Slots from '@ionic-internal/component-api/v8/segment-content/slots.mdx';
ion-segment-content: Display control element for swipeable segments
diff --git a/docs/api/segment-view.md b/docs/api/segment-view.md
index ddf804b7ff..a3f155f7b0 100644
--- a/docs/api/segment-view.md
+++ b/docs/api/segment-view.md
@@ -2,12 +2,12 @@
title: "ion-segment-view"
---
-import Props from '@ionic-internal/component-api/v8/segment-view/props.md';
-import Events from '@ionic-internal/component-api/v8/segment-view/events.md';
-import Methods from '@ionic-internal/component-api/v8/segment-view/methods.md';
-import Parts from '@ionic-internal/component-api/v8/segment-view/parts.md';
+import Props from '@ionic-internal/component-api/v8/segment-view/props.mdx';
+import Events from '@ionic-internal/component-api/v8/segment-view/events.mdx';
+import Methods from '@ionic-internal/component-api/v8/segment-view/methods.mdx';
+import Parts from '@ionic-internal/component-api/v8/segment-view/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v8/segment-view/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v8/segment-view/slots.md';
+import Slots from '@ionic-internal/component-api/v8/segment-view/slots.mdx';
ion-segment-view: Controller element for swipeable segments
diff --git a/docs/api/segment.md b/docs/api/segment.md
index 0e932eecc9..a696c08eb9 100644
--- a/docs/api/segment.md
+++ b/docs/api/segment.md
@@ -1,12 +1,12 @@
---
title: "ion-segment"
---
-import Props from '@ionic-internal/component-api/v8/segment/props.md';
-import Events from '@ionic-internal/component-api/v8/segment/events.md';
-import Methods from '@ionic-internal/component-api/v8/segment/methods.md';
-import Parts from '@ionic-internal/component-api/v8/segment/parts.md';
+import Props from '@ionic-internal/component-api/v8/segment/props.mdx';
+import Events from '@ionic-internal/component-api/v8/segment/events.mdx';
+import Methods from '@ionic-internal/component-api/v8/segment/methods.mdx';
+import Parts from '@ionic-internal/component-api/v8/segment/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v8/segment/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v8/segment/slots.md';
+import Slots from '@ionic-internal/component-api/v8/segment/slots.mdx';
ion-segment: API Documentation for Segmented Controls
diff --git a/docs/api/select-option.md b/docs/api/select-option.md
index dfca6b8d53..b9e27c5a8b 100644
--- a/docs/api/select-option.md
+++ b/docs/api/select-option.md
@@ -1,12 +1,12 @@
---
title: "ion-select-option"
---
-import Props from '@ionic-internal/component-api/v8/select-option/props.md';
-import Events from '@ionic-internal/component-api/v8/select-option/events.md';
-import Methods from '@ionic-internal/component-api/v8/select-option/methods.md';
-import Parts from '@ionic-internal/component-api/v8/select-option/parts.md';
+import Props from '@ionic-internal/component-api/v8/select-option/props.mdx';
+import Events from '@ionic-internal/component-api/v8/select-option/events.mdx';
+import Methods from '@ionic-internal/component-api/v8/select-option/methods.mdx';
+import Parts from '@ionic-internal/component-api/v8/select-option/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v8/select-option/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v8/select-option/slots.md';
+import Slots from '@ionic-internal/component-api/v8/select-option/slots.mdx';
ion-select-option: Option For a Select Dialog
diff --git a/docs/api/select.md b/docs/api/select.md
index 957431c840..85674d6e29 100644
--- a/docs/api/select.md
+++ b/docs/api/select.md
@@ -1,12 +1,12 @@
---
title: "ion-select"
---
-import Props from '@ionic-internal/component-api/v8/select/props.md';
-import Events from '@ionic-internal/component-api/v8/select/events.md';
-import Methods from '@ionic-internal/component-api/v8/select/methods.md';
-import Parts from '@ionic-internal/component-api/v8/select/parts.md';
+import Props from '@ionic-internal/component-api/v8/select/props.mdx';
+import Events from '@ionic-internal/component-api/v8/select/events.mdx';
+import Methods from '@ionic-internal/component-api/v8/select/methods.mdx';
+import Parts from '@ionic-internal/component-api/v8/select/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v8/select/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v8/select/slots.md';
+import Slots from '@ionic-internal/component-api/v8/select/slots.mdx';
ion-select: Select One or Multiple Value Boxes or Placeholders
diff --git a/docs/api/skeleton-text.md b/docs/api/skeleton-text.md
index 435b08f24e..9fb4011ced 100644
--- a/docs/api/skeleton-text.md
+++ b/docs/api/skeleton-text.md
@@ -1,12 +1,12 @@
---
title: "ion-skeleton-text"
---
-import Props from '@ionic-internal/component-api/v8/skeleton-text/props.md';
-import Events from '@ionic-internal/component-api/v8/skeleton-text/events.md';
-import Methods from '@ionic-internal/component-api/v8/skeleton-text/methods.md';
-import Parts from '@ionic-internal/component-api/v8/skeleton-text/parts.md';
+import Props from '@ionic-internal/component-api/v8/skeleton-text/props.mdx';
+import Events from '@ionic-internal/component-api/v8/skeleton-text/events.mdx';
+import Methods from '@ionic-internal/component-api/v8/skeleton-text/methods.mdx';
+import Parts from '@ionic-internal/component-api/v8/skeleton-text/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v8/skeleton-text/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v8/skeleton-text/slots.md';
+import Slots from '@ionic-internal/component-api/v8/skeleton-text/slots.mdx';
ion-skeleton-text: Skeleton Loading Placeholder for Text
diff --git a/docs/api/spinner.md b/docs/api/spinner.md
index d63a67aff4..45ac192d33 100644
--- a/docs/api/spinner.md
+++ b/docs/api/spinner.md
@@ -1,12 +1,12 @@
---
title: "ion-spinner"
---
-import Props from '@ionic-internal/component-api/v8/spinner/props.md';
-import Events from '@ionic-internal/component-api/v8/spinner/events.md';
-import Methods from '@ionic-internal/component-api/v8/spinner/methods.md';
-import Parts from '@ionic-internal/component-api/v8/spinner/parts.md';
+import Props from '@ionic-internal/component-api/v8/spinner/props.mdx';
+import Events from '@ionic-internal/component-api/v8/spinner/events.mdx';
+import Methods from '@ionic-internal/component-api/v8/spinner/methods.mdx';
+import Parts from '@ionic-internal/component-api/v8/spinner/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v8/spinner/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v8/spinner/slots.md';
+import Slots from '@ionic-internal/component-api/v8/spinner/slots.mdx';
ion-spinner: Animated Spinner Icon Components and Properties
diff --git a/docs/api/split-pane.md b/docs/api/split-pane.md
index 6b967dc47f..46278df7cb 100644
--- a/docs/api/split-pane.md
+++ b/docs/api/split-pane.md
@@ -2,12 +2,12 @@
title: "ion-split-pane"
---
-import Props from '@ionic-internal/component-api/v8/split-pane/props.md';
-import Events from '@ionic-internal/component-api/v8/split-pane/events.md';
-import Methods from '@ionic-internal/component-api/v8/split-pane/methods.md';
-import Parts from '@ionic-internal/component-api/v8/split-pane/parts.md';
+import Props from '@ionic-internal/component-api/v8/split-pane/props.mdx';
+import Events from '@ionic-internal/component-api/v8/split-pane/events.mdx';
+import Methods from '@ionic-internal/component-api/v8/split-pane/methods.mdx';
+import Parts from '@ionic-internal/component-api/v8/split-pane/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v8/split-pane/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v8/split-pane/slots.md';
+import Slots from '@ionic-internal/component-api/v8/split-pane/slots.mdx';
ion-split-pane: Split Plane for Menus and Multi-View Layouts
diff --git a/docs/api/tab-bar.md b/docs/api/tab-bar.md
index 4d5372db08..d092bcdf42 100644
--- a/docs/api/tab-bar.md
+++ b/docs/api/tab-bar.md
@@ -4,12 +4,12 @@ title: "ion-tab-bar"
import Tabs from '@theme/Tabs';
import TabItem from '@theme/TabItem';
-import Props from '@ionic-internal/component-api/v8/tab-bar/props.md';
-import Events from '@ionic-internal/component-api/v8/tab-bar/events.md';
-import Methods from '@ionic-internal/component-api/v8/tab-bar/methods.md';
-import Parts from '@ionic-internal/component-api/v8/tab-bar/parts.md';
+import Props from '@ionic-internal/component-api/v8/tab-bar/props.mdx';
+import Events from '@ionic-internal/component-api/v8/tab-bar/events.mdx';
+import Methods from '@ionic-internal/component-api/v8/tab-bar/methods.mdx';
+import Parts from '@ionic-internal/component-api/v8/tab-bar/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v8/tab-bar/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v8/tab-bar/slots.md';
+import Slots from '@ionic-internal/component-api/v8/tab-bar/slots.mdx';
ion-tab-bar: Tab Bar Component with CSS Custom Properties
diff --git a/docs/api/tab-button.md b/docs/api/tab-button.md
index d2b2a56e87..bc02b184cb 100644
--- a/docs/api/tab-button.md
+++ b/docs/api/tab-button.md
@@ -4,12 +4,12 @@ title: "ion-tab-button"
import Tabs from '@theme/Tabs';
import TabItem from '@theme/TabItem';
-import Props from '@ionic-internal/component-api/v8/tab-button/props.md';
-import Events from '@ionic-internal/component-api/v8/tab-button/events.md';
-import Methods from '@ionic-internal/component-api/v8/tab-button/methods.md';
-import Parts from '@ionic-internal/component-api/v8/tab-button/parts.md';
+import Props from '@ionic-internal/component-api/v8/tab-button/props.mdx';
+import Events from '@ionic-internal/component-api/v8/tab-button/events.mdx';
+import Methods from '@ionic-internal/component-api/v8/tab-button/methods.mdx';
+import Parts from '@ionic-internal/component-api/v8/tab-button/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v8/tab-button/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v8/tab-button/slots.md';
+import Slots from '@ionic-internal/component-api/v8/tab-button/slots.mdx';
diff --git a/docs/api/tab.md b/docs/api/tab.md
index 4e7af5e011..32df391356 100644
--- a/docs/api/tab.md
+++ b/docs/api/tab.md
@@ -2,12 +2,12 @@
title: "ion-tab"
---
-import Props from '@ionic-internal/component-api/v8/tab/props.md';
-import Events from '@ionic-internal/component-api/v8/tab/events.md';
-import Methods from '@ionic-internal/component-api/v8/tab/methods.md';
-import Parts from '@ionic-internal/component-api/v8/tab/parts.md';
+import Props from '@ionic-internal/component-api/v8/tab/props.mdx';
+import Events from '@ionic-internal/component-api/v8/tab/events.mdx';
+import Methods from '@ionic-internal/component-api/v8/tab/methods.mdx';
+import Parts from '@ionic-internal/component-api/v8/tab/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v8/tab/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v8/tab/slots.md';
+import Slots from '@ionic-internal/component-api/v8/tab/slots.mdx';
ion-tab: Ionic Framework Application Component
diff --git a/docs/api/tabs.md b/docs/api/tabs.md
index 90de2ec32f..4559daa9a9 100644
--- a/docs/api/tabs.md
+++ b/docs/api/tabs.md
@@ -1,12 +1,12 @@
---
title: "ion-tabs"
---
-import Props from '@ionic-internal/component-api/v8/tabs/props.md';
-import Events from '@ionic-internal/component-api/v8/tabs/events.md';
-import Methods from '@ionic-internal/component-api/v8/tabs/methods.md';
-import Parts from '@ionic-internal/component-api/v8/tabs/parts.md';
+import Props from '@ionic-internal/component-api/v8/tabs/props.mdx';
+import Events from '@ionic-internal/component-api/v8/tabs/events.mdx';
+import Methods from '@ionic-internal/component-api/v8/tabs/methods.mdx';
+import Parts from '@ionic-internal/component-api/v8/tabs/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v8/tabs/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v8/tabs/slots.md';
+import Slots from '@ionic-internal/component-api/v8/tabs/slots.mdx';
ion-tabs: Tab-Based Component for App Top-Level Navigation
diff --git a/docs/api/text.md b/docs/api/text.md
index c716f1b76b..554894e373 100644
--- a/docs/api/text.md
+++ b/docs/api/text.md
@@ -1,12 +1,12 @@
---
title: "ion-text"
---
-import Props from '@ionic-internal/component-api/v8/text/props.md';
-import Events from '@ionic-internal/component-api/v8/text/events.md';
-import Methods from '@ionic-internal/component-api/v8/text/methods.md';
-import Parts from '@ionic-internal/component-api/v8/text/parts.md';
+import Props from '@ionic-internal/component-api/v8/text/props.mdx';
+import Events from '@ionic-internal/component-api/v8/text/events.mdx';
+import Methods from '@ionic-internal/component-api/v8/text/methods.mdx';
+import Parts from '@ionic-internal/component-api/v8/text/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v8/text/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v8/text/slots.md';
+import Slots from '@ionic-internal/component-api/v8/text/slots.mdx';
ion-text: Ionic App Component to Style or Change Text Color
diff --git a/docs/api/textarea.md b/docs/api/textarea.md
index 3de8cf4a76..36a3c7c098 100644
--- a/docs/api/textarea.md
+++ b/docs/api/textarea.md
@@ -1,12 +1,12 @@
---
title: "ion-textarea"
---
-import Props from '@ionic-internal/component-api/v8/textarea/props.md';
-import Events from '@ionic-internal/component-api/v8/textarea/events.md';
-import Methods from '@ionic-internal/component-api/v8/textarea/methods.md';
-import Parts from '@ionic-internal/component-api/v8/textarea/parts.md';
+import Props from '@ionic-internal/component-api/v8/textarea/props.mdx';
+import Events from '@ionic-internal/component-api/v8/textarea/events.mdx';
+import Methods from '@ionic-internal/component-api/v8/textarea/methods.mdx';
+import Parts from '@ionic-internal/component-api/v8/textarea/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v8/textarea/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v8/textarea/slots.md';
+import Slots from '@ionic-internal/component-api/v8/textarea/slots.mdx';
Ionic Textarea Component and CSS Properties for Multi-Line Input
diff --git a/docs/api/thumbnail.md b/docs/api/thumbnail.md
index 094acf3546..f1a0fe10f2 100644
--- a/docs/api/thumbnail.md
+++ b/docs/api/thumbnail.md
@@ -2,12 +2,12 @@
title: "ion-thumbnail"
---
-import Props from '@ionic-internal/component-api/v8/thumbnail/props.md';
-import Events from '@ionic-internal/component-api/v8/thumbnail/events.md';
-import Methods from '@ionic-internal/component-api/v8/thumbnail/methods.md';
-import Parts from '@ionic-internal/component-api/v8/thumbnail/parts.md';
+import Props from '@ionic-internal/component-api/v8/thumbnail/props.mdx';
+import Events from '@ionic-internal/component-api/v8/thumbnail/events.mdx';
+import Methods from '@ionic-internal/component-api/v8/thumbnail/methods.mdx';
+import Parts from '@ionic-internal/component-api/v8/thumbnail/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v8/thumbnail/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v8/thumbnail/slots.md';
+import Slots from '@ionic-internal/component-api/v8/thumbnail/slots.mdx';
ion-thumbnail: Thumbnail App Component for Images or Icons
diff --git a/docs/api/title.md b/docs/api/title.md
index d93cc7a047..fefa497b28 100644
--- a/docs/api/title.md
+++ b/docs/api/title.md
@@ -1,12 +1,12 @@
---
title: "ion-title"
---
-import Props from '@ionic-internal/component-api/v8/title/props.md';
-import Events from '@ionic-internal/component-api/v8/title/events.md';
-import Methods from '@ionic-internal/component-api/v8/title/methods.md';
-import Parts from '@ionic-internal/component-api/v8/title/parts.md';
+import Props from '@ionic-internal/component-api/v8/title/props.mdx';
+import Events from '@ionic-internal/component-api/v8/title/events.mdx';
+import Methods from '@ionic-internal/component-api/v8/title/methods.mdx';
+import Parts from '@ionic-internal/component-api/v8/title/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v8/title/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v8/title/slots.md';
+import Slots from '@ionic-internal/component-api/v8/title/slots.mdx';
ion-title: Ionic Framework App Title Component for Toolbars
diff --git a/docs/api/toast.md b/docs/api/toast.md
index c9df2deeaa..54bfb1d8f0 100644
--- a/docs/api/toast.md
+++ b/docs/api/toast.md
@@ -4,12 +4,12 @@ title: "ion-toast"
import Tabs from '@theme/Tabs';
import TabItem from '@theme/TabItem';
-import Props from '@ionic-internal/component-api/v8/toast/props.md';
-import Events from '@ionic-internal/component-api/v8/toast/events.md';
-import Methods from '@ionic-internal/component-api/v8/toast/methods.md';
-import Parts from '@ionic-internal/component-api/v8/toast/parts.md';
+import Props from '@ionic-internal/component-api/v8/toast/props.mdx';
+import Events from '@ionic-internal/component-api/v8/toast/events.mdx';
+import Methods from '@ionic-internal/component-api/v8/toast/methods.mdx';
+import Parts from '@ionic-internal/component-api/v8/toast/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v8/toast/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v8/toast/slots.md';
+import Slots from '@ionic-internal/component-api/v8/toast/slots.mdx';
ion-toast: A Dismissible App Notification Alert Component
diff --git a/docs/api/toggle.md b/docs/api/toggle.md
index ad2ebe3554..30953ba8f2 100644
--- a/docs/api/toggle.md
+++ b/docs/api/toggle.md
@@ -1,12 +1,12 @@
---
title: "ion-toggle"
---
-import Props from '@ionic-internal/component-api/v8/toggle/props.md';
-import Events from '@ionic-internal/component-api/v8/toggle/events.md';
-import Methods from '@ionic-internal/component-api/v8/toggle/methods.md';
-import Parts from '@ionic-internal/component-api/v8/toggle/parts.md';
+import Props from '@ionic-internal/component-api/v8/toggle/props.mdx';
+import Events from '@ionic-internal/component-api/v8/toggle/events.mdx';
+import Methods from '@ionic-internal/component-api/v8/toggle/methods.mdx';
+import Parts from '@ionic-internal/component-api/v8/toggle/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v8/toggle/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v8/toggle/slots.md';
+import Slots from '@ionic-internal/component-api/v8/toggle/slots.mdx';
ion-toggle: Custom Toggle Button for Ionic Applications
diff --git a/docs/api/toolbar.md b/docs/api/toolbar.md
index aa0d499a5e..bbab1c6665 100644
--- a/docs/api/toolbar.md
+++ b/docs/api/toolbar.md
@@ -1,12 +1,12 @@
---
title: "ion-toolbar"
---
-import Props from '@ionic-internal/component-api/v8/toolbar/props.md';
-import Events from '@ionic-internal/component-api/v8/toolbar/events.md';
-import Methods from '@ionic-internal/component-api/v8/toolbar/methods.md';
-import Parts from '@ionic-internal/component-api/v8/toolbar/parts.md';
+import Props from '@ionic-internal/component-api/v8/toolbar/props.mdx';
+import Events from '@ionic-internal/component-api/v8/toolbar/events.mdx';
+import Methods from '@ionic-internal/component-api/v8/toolbar/methods.mdx';
+import Parts from '@ionic-internal/component-api/v8/toolbar/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v8/toolbar/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v8/toolbar/slots.md';
+import Slots from '@ionic-internal/component-api/v8/toolbar/slots.mdx';
ion-toolbar: Customize App Menu Toolbar Buttons and Icons
diff --git a/plugins/docusaurus-plugin-ionic-component-api/index.js b/plugins/docusaurus-plugin-ionic-component-api/index.js
index 0eedab7833..91ff143c2e 100644
--- a/plugins/docusaurus-plugin-ionic-component-api/index.js
+++ b/plugins/docusaurus-plugin-ionic-component-api/index.js
@@ -81,12 +81,12 @@ module.exports = function (context, options) {
* directory within the plugin directory.
*/
promises.push(
- createData(`${basePath}/props.md`, data.props),
- createData(`${basePath}/events.md`, data.events),
- createData(`${basePath}/methods.md`, data.methods),
- createData(`${basePath}/parts.md`, data.parts),
+ createData(`${basePath}/props.mdx`, data.props),
+ createData(`${basePath}/events.mdx`, data.events),
+ createData(`${basePath}/methods.mdx`, data.methods),
+ createData(`${basePath}/parts.mdx`, data.parts),
createData(`${basePath}/custom-props.mdx`, data.customProps),
- createData(`${basePath}/slots.md`, data.slots)
+ createData(`${basePath}/slots.mdx`, data.slots)
);
}
diff --git a/versioned_docs/version-v7/api/accordion-group.md b/versioned_docs/version-v7/api/accordion-group.md
index 5ed5efee32..02465126c8 100644
--- a/versioned_docs/version-v7/api/accordion-group.md
+++ b/versioned_docs/version-v7/api/accordion-group.md
@@ -2,12 +2,12 @@
title: 'ion-accordion-group'
---
-import Props from '@ionic-internal/component-api/v7/accordion-group/props.md';
-import Events from '@ionic-internal/component-api/v7/accordion-group/events.md';
-import Methods from '@ionic-internal/component-api/v7/accordion-group/methods.md';
-import Parts from '@ionic-internal/component-api/v7/accordion-group/parts.md';
+import Props from '@ionic-internal/component-api/v7/accordion-group/props.mdx';
+import Events from '@ionic-internal/component-api/v7/accordion-group/events.mdx';
+import Methods from '@ionic-internal/component-api/v7/accordion-group/methods.mdx';
+import Parts from '@ionic-internal/component-api/v7/accordion-group/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v7/accordion-group/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v7/accordion-group/slots.md';
+import Slots from '@ionic-internal/component-api/v7/accordion-group/slots.mdx';
import EncapsulationPill from '@components/page/api/EncapsulationPill';
diff --git a/versioned_docs/version-v7/api/accordion.md b/versioned_docs/version-v7/api/accordion.md
index 47528bcef0..47b4d04eee 100644
--- a/versioned_docs/version-v7/api/accordion.md
+++ b/versioned_docs/version-v7/api/accordion.md
@@ -2,12 +2,12 @@
title: 'ion-accordion'
---
-import Props from '@ionic-internal/component-api/v7/accordion/props.md';
-import Events from '@ionic-internal/component-api/v7/accordion/events.md';
-import Methods from '@ionic-internal/component-api/v7/accordion/methods.md';
-import Parts from '@ionic-internal/component-api/v7/accordion/parts.md';
+import Props from '@ionic-internal/component-api/v7/accordion/props.mdx';
+import Events from '@ionic-internal/component-api/v7/accordion/events.mdx';
+import Methods from '@ionic-internal/component-api/v7/accordion/methods.mdx';
+import Parts from '@ionic-internal/component-api/v7/accordion/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v7/accordion/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v7/accordion/slots.md';
+import Slots from '@ionic-internal/component-api/v7/accordion/slots.mdx';
ion-accordion: Accordion Components: How to Build & Examples
diff --git a/versioned_docs/version-v7/api/action-sheet.md b/versioned_docs/version-v7/api/action-sheet.md
index 2b3cade3e3..cc1fe71095 100644
--- a/versioned_docs/version-v7/api/action-sheet.md
+++ b/versioned_docs/version-v7/api/action-sheet.md
@@ -5,12 +5,12 @@ title: 'ion-action-sheet'
import Tabs from '@theme/Tabs';
import TabItem from '@theme/TabItem';
-import Props from '@ionic-internal/component-api/v7/action-sheet/props.md';
-import Events from '@ionic-internal/component-api/v7/action-sheet/events.md';
-import Methods from '@ionic-internal/component-api/v7/action-sheet/methods.md';
-import Parts from '@ionic-internal/component-api/v7/action-sheet/parts.md';
+import Props from '@ionic-internal/component-api/v7/action-sheet/props.mdx';
+import Events from '@ionic-internal/component-api/v7/action-sheet/events.mdx';
+import Methods from '@ionic-internal/component-api/v7/action-sheet/methods.mdx';
+import Parts from '@ionic-internal/component-api/v7/action-sheet/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v7/action-sheet/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v7/action-sheet/slots.md';
+import Slots from '@ionic-internal/component-api/v7/action-sheet/slots.mdx';
ion-action-sheet: Action Sheet Dialog for iOS and Android
diff --git a/versioned_docs/version-v7/api/alert.md b/versioned_docs/version-v7/api/alert.md
index 5076362c82..4634c3e6d4 100644
--- a/versioned_docs/version-v7/api/alert.md
+++ b/versioned_docs/version-v7/api/alert.md
@@ -5,12 +5,12 @@ title: 'ion-alert'
import Tabs from '@theme/Tabs';
import TabItem from '@theme/TabItem';
-import Props from '@ionic-internal/component-api/v7/alert/props.md';
-import Events from '@ionic-internal/component-api/v7/alert/events.md';
-import Methods from '@ionic-internal/component-api/v7/alert/methods.md';
-import Parts from '@ionic-internal/component-api/v7/alert/parts.md';
+import Props from '@ionic-internal/component-api/v7/alert/props.mdx';
+import Events from '@ionic-internal/component-api/v7/alert/events.mdx';
+import Methods from '@ionic-internal/component-api/v7/alert/methods.mdx';
+import Parts from '@ionic-internal/component-api/v7/alert/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v7/alert/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v7/alert/slots.md';
+import Slots from '@ionic-internal/component-api/v7/alert/slots.mdx';
ion-alert: Ionic Alert Buttons with Custom Message Prompts
diff --git a/versioned_docs/version-v7/api/app.md b/versioned_docs/version-v7/api/app.md
index c077e71bf1..d6b990daba 100644
--- a/versioned_docs/version-v7/api/app.md
+++ b/versioned_docs/version-v7/api/app.md
@@ -2,12 +2,12 @@
title: 'ion-app'
---
-import Props from '@ionic-internal/component-api/v7/app/props.md';
-import Events from '@ionic-internal/component-api/v7/app/events.md';
-import Methods from '@ionic-internal/component-api/v7/app/methods.md';
-import Parts from '@ionic-internal/component-api/v7/app/parts.md';
+import Props from '@ionic-internal/component-api/v7/app/props.mdx';
+import Events from '@ionic-internal/component-api/v7/app/events.mdx';
+import Methods from '@ionic-internal/component-api/v7/app/methods.mdx';
+import Parts from '@ionic-internal/component-api/v7/app/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v7/app/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v7/app/slots.md';
+import Slots from '@ionic-internal/component-api/v7/app/slots.mdx';
ion-app: Container Element for an Ionic Application
diff --git a/versioned_docs/version-v7/api/avatar.md b/versioned_docs/version-v7/api/avatar.md
index 6f4832425f..7d8cd0f854 100644
--- a/versioned_docs/version-v7/api/avatar.md
+++ b/versioned_docs/version-v7/api/avatar.md
@@ -2,12 +2,12 @@
title: 'ion-avatar'
---
-import Props from '@ionic-internal/component-api/v7/avatar/props.md';
-import Events from '@ionic-internal/component-api/v7/avatar/events.md';
-import Methods from '@ionic-internal/component-api/v7/avatar/methods.md';
-import Parts from '@ionic-internal/component-api/v7/avatar/parts.md';
+import Props from '@ionic-internal/component-api/v7/avatar/props.mdx';
+import Events from '@ionic-internal/component-api/v7/avatar/events.mdx';
+import Methods from '@ionic-internal/component-api/v7/avatar/methods.mdx';
+import Parts from '@ionic-internal/component-api/v7/avatar/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v7/avatar/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v7/avatar/slots.md';
+import Slots from '@ionic-internal/component-api/v7/avatar/slots.mdx';
ion-avatar: Circular Application Avatar Icon Component
diff --git a/versioned_docs/version-v7/api/back-button.md b/versioned_docs/version-v7/api/back-button.md
index 81fdf1a475..56e73870b4 100644
--- a/versioned_docs/version-v7/api/back-button.md
+++ b/versioned_docs/version-v7/api/back-button.md
@@ -2,12 +2,12 @@
title: 'ion-back-button'
---
-import Props from '@ionic-internal/component-api/v7/back-button/props.md';
-import Events from '@ionic-internal/component-api/v7/back-button/events.md';
-import Methods from '@ionic-internal/component-api/v7/back-button/methods.md';
-import Parts from '@ionic-internal/component-api/v7/back-button/parts.md';
+import Props from '@ionic-internal/component-api/v7/back-button/props.mdx';
+import Events from '@ionic-internal/component-api/v7/back-button/events.mdx';
+import Methods from '@ionic-internal/component-api/v7/back-button/methods.mdx';
+import Parts from '@ionic-internal/component-api/v7/back-button/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v7/back-button/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v7/back-button/slots.md';
+import Slots from '@ionic-internal/component-api/v7/back-button/slots.mdx';
ion-back-button: Custom Menu Back Button for Applications
diff --git a/versioned_docs/version-v7/api/backdrop.md b/versioned_docs/version-v7/api/backdrop.md
index a29f7f1483..48a1f994a1 100644
--- a/versioned_docs/version-v7/api/backdrop.md
+++ b/versioned_docs/version-v7/api/backdrop.md
@@ -2,12 +2,12 @@
title: 'ion-backdrop'
---
-import Props from '@ionic-internal/component-api/v7/backdrop/props.md';
-import Events from '@ionic-internal/component-api/v7/backdrop/events.md';
-import Methods from '@ionic-internal/component-api/v7/backdrop/methods.md';
-import Parts from '@ionic-internal/component-api/v7/backdrop/parts.md';
+import Props from '@ionic-internal/component-api/v7/backdrop/props.mdx';
+import Events from '@ionic-internal/component-api/v7/backdrop/events.mdx';
+import Methods from '@ionic-internal/component-api/v7/backdrop/methods.mdx';
+import Parts from '@ionic-internal/component-api/v7/backdrop/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v7/backdrop/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v7/backdrop/slots.md';
+import Slots from '@ionic-internal/component-api/v7/backdrop/slots.mdx';
import EncapsulationPill from '@components/page/api/EncapsulationPill';
diff --git a/versioned_docs/version-v7/api/badge.md b/versioned_docs/version-v7/api/badge.md
index 162d37bf8e..8ff33a97f6 100644
--- a/versioned_docs/version-v7/api/badge.md
+++ b/versioned_docs/version-v7/api/badge.md
@@ -2,12 +2,12 @@
title: 'ion-badge'
---
-import Props from '@ionic-internal/component-api/v7/badge/props.md';
-import Events from '@ionic-internal/component-api/v7/badge/events.md';
-import Methods from '@ionic-internal/component-api/v7/badge/methods.md';
-import Parts from '@ionic-internal/component-api/v7/badge/parts.md';
+import Props from '@ionic-internal/component-api/v7/badge/props.mdx';
+import Events from '@ionic-internal/component-api/v7/badge/events.mdx';
+import Methods from '@ionic-internal/component-api/v7/badge/methods.mdx';
+import Parts from '@ionic-internal/component-api/v7/badge/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v7/badge/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v7/badge/slots.md';
+import Slots from '@ionic-internal/component-api/v7/badge/slots.mdx';
ion-badge: iOS & Android App Notification Badge Icons
diff --git a/versioned_docs/version-v7/api/breadcrumb.md b/versioned_docs/version-v7/api/breadcrumb.md
index 8ec134f913..50db52f3a6 100644
--- a/versioned_docs/version-v7/api/breadcrumb.md
+++ b/versioned_docs/version-v7/api/breadcrumb.md
@@ -2,12 +2,12 @@
title: 'ion-breadcrumb'
---
-import Props from '@ionic-internal/component-api/v7/breadcrumb/props.md';
-import Events from '@ionic-internal/component-api/v7/breadcrumb/events.md';
-import Methods from '@ionic-internal/component-api/v7/breadcrumb/methods.md';
-import Parts from '@ionic-internal/component-api/v7/breadcrumb/parts.md';
+import Props from '@ionic-internal/component-api/v7/breadcrumb/props.mdx';
+import Events from '@ionic-internal/component-api/v7/breadcrumb/events.mdx';
+import Methods from '@ionic-internal/component-api/v7/breadcrumb/methods.mdx';
+import Parts from '@ionic-internal/component-api/v7/breadcrumb/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v7/breadcrumb/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v7/breadcrumb/slots.md';
+import Slots from '@ionic-internal/component-api/v7/breadcrumb/slots.mdx';
import EncapsulationPill from '@components/page/api/EncapsulationPill';
diff --git a/versioned_docs/version-v7/api/breadcrumbs.md b/versioned_docs/version-v7/api/breadcrumbs.md
index 63b125e08f..516242b4f3 100644
--- a/versioned_docs/version-v7/api/breadcrumbs.md
+++ b/versioned_docs/version-v7/api/breadcrumbs.md
@@ -2,12 +2,12 @@
title: 'ion-breadcrumbs'
---
-import Props from '@ionic-internal/component-api/v7/breadcrumbs/props.md';
-import Events from '@ionic-internal/component-api/v7/breadcrumbs/events.md';
-import Methods from '@ionic-internal/component-api/v7/breadcrumbs/methods.md';
-import Parts from '@ionic-internal/component-api/v7/breadcrumbs/parts.md';
+import Props from '@ionic-internal/component-api/v7/breadcrumbs/props.mdx';
+import Events from '@ionic-internal/component-api/v7/breadcrumbs/events.mdx';
+import Methods from '@ionic-internal/component-api/v7/breadcrumbs/methods.mdx';
+import Parts from '@ionic-internal/component-api/v7/breadcrumbs/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v7/breadcrumbs/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v7/breadcrumbs/slots.md';
+import Slots from '@ionic-internal/component-api/v7/breadcrumbs/slots.mdx';
import EncapsulationPill from '@components/page/api/EncapsulationPill';
diff --git a/versioned_docs/version-v7/api/button.md b/versioned_docs/version-v7/api/button.md
index b71d96c517..b00c5abdf4 100644
--- a/versioned_docs/version-v7/api/button.md
+++ b/versioned_docs/version-v7/api/button.md
@@ -2,12 +2,12 @@
title: 'ion-button'
---
-import Props from '@ionic-internal/component-api/v7/button/props.md';
-import Events from '@ionic-internal/component-api/v7/button/events.md';
-import Methods from '@ionic-internal/component-api/v7/button/methods.md';
-import Parts from '@ionic-internal/component-api/v7/button/parts.md';
+import Props from '@ionic-internal/component-api/v7/button/props.mdx';
+import Events from '@ionic-internal/component-api/v7/button/events.mdx';
+import Methods from '@ionic-internal/component-api/v7/button/methods.mdx';
+import Parts from '@ionic-internal/component-api/v7/button/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v7/button/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v7/button/slots.md';
+import Slots from '@ionic-internal/component-api/v7/button/slots.mdx';
ion-button: Style Buttons with Custom CSS Properties
diff --git a/versioned_docs/version-v7/api/buttons.md b/versioned_docs/version-v7/api/buttons.md
index 1202797f2f..24b7300012 100644
--- a/versioned_docs/version-v7/api/buttons.md
+++ b/versioned_docs/version-v7/api/buttons.md
@@ -2,12 +2,12 @@
title: 'ion-buttons'
---
-import Props from '@ionic-internal/component-api/v7/buttons/props.md';
-import Events from '@ionic-internal/component-api/v7/buttons/events.md';
-import Methods from '@ionic-internal/component-api/v7/buttons/methods.md';
-import Parts from '@ionic-internal/component-api/v7/buttons/parts.md';
+import Props from '@ionic-internal/component-api/v7/buttons/props.mdx';
+import Events from '@ionic-internal/component-api/v7/buttons/events.mdx';
+import Methods from '@ionic-internal/component-api/v7/buttons/methods.mdx';
+import Parts from '@ionic-internal/component-api/v7/buttons/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v7/buttons/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v7/buttons/slots.md';
+import Slots from '@ionic-internal/component-api/v7/buttons/slots.mdx';
ion-buttons: Toolbar Element with Named Slots for Buttons
diff --git a/versioned_docs/version-v7/api/card-content.md b/versioned_docs/version-v7/api/card-content.md
index ec99b7060f..7dc4fcd788 100644
--- a/versioned_docs/version-v7/api/card-content.md
+++ b/versioned_docs/version-v7/api/card-content.md
@@ -2,12 +2,12 @@
title: 'ion-card-content'
---
-import Props from '@ionic-internal/component-api/v7/card-content/props.md';
-import Events from '@ionic-internal/component-api/v7/card-content/events.md';
-import Methods from '@ionic-internal/component-api/v7/card-content/methods.md';
-import Parts from '@ionic-internal/component-api/v7/card-content/parts.md';
+import Props from '@ionic-internal/component-api/v7/card-content/props.mdx';
+import Events from '@ionic-internal/component-api/v7/card-content/events.mdx';
+import Methods from '@ionic-internal/component-api/v7/card-content/methods.mdx';
+import Parts from '@ionic-internal/component-api/v7/card-content/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v7/card-content/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v7/card-content/slots.md';
+import Slots from '@ionic-internal/component-api/v7/card-content/slots.mdx';
import EncapsulationPill from '@components/page/api/EncapsulationPill';
diff --git a/versioned_docs/version-v7/api/card-header.md b/versioned_docs/version-v7/api/card-header.md
index 7573edc96a..bf1ba7e0d9 100644
--- a/versioned_docs/version-v7/api/card-header.md
+++ b/versioned_docs/version-v7/api/card-header.md
@@ -2,12 +2,12 @@
title: 'ion-card-header'
---
-import Props from '@ionic-internal/component-api/v7/card-header/props.md';
-import Events from '@ionic-internal/component-api/v7/card-header/events.md';
-import Methods from '@ionic-internal/component-api/v7/card-header/methods.md';
-import Parts from '@ionic-internal/component-api/v7/card-header/parts.md';
+import Props from '@ionic-internal/component-api/v7/card-header/props.mdx';
+import Events from '@ionic-internal/component-api/v7/card-header/events.mdx';
+import Methods from '@ionic-internal/component-api/v7/card-header/methods.mdx';
+import Parts from '@ionic-internal/component-api/v7/card-header/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v7/card-header/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v7/card-header/slots.md';
+import Slots from '@ionic-internal/component-api/v7/card-header/slots.mdx';
import EncapsulationPill from '@components/page/api/EncapsulationPill';
diff --git a/versioned_docs/version-v7/api/card-subtitle.md b/versioned_docs/version-v7/api/card-subtitle.md
index 1ded5db850..fc38bbf0eb 100644
--- a/versioned_docs/version-v7/api/card-subtitle.md
+++ b/versioned_docs/version-v7/api/card-subtitle.md
@@ -2,12 +2,12 @@
title: 'ion-card-subtitle'
---
-import Props from '@ionic-internal/component-api/v7/card-subtitle/props.md';
-import Events from '@ionic-internal/component-api/v7/card-subtitle/events.md';
-import Methods from '@ionic-internal/component-api/v7/card-subtitle/methods.md';
-import Parts from '@ionic-internal/component-api/v7/card-subtitle/parts.md';
+import Props from '@ionic-internal/component-api/v7/card-subtitle/props.mdx';
+import Events from '@ionic-internal/component-api/v7/card-subtitle/events.mdx';
+import Methods from '@ionic-internal/component-api/v7/card-subtitle/methods.mdx';
+import Parts from '@ionic-internal/component-api/v7/card-subtitle/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v7/card-subtitle/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v7/card-subtitle/slots.md';
+import Slots from '@ionic-internal/component-api/v7/card-subtitle/slots.mdx';
import EncapsulationPill from '@components/page/api/EncapsulationPill';
diff --git a/versioned_docs/version-v7/api/card-title.md b/versioned_docs/version-v7/api/card-title.md
index bafe4965d6..bf96cbcb6a 100644
--- a/versioned_docs/version-v7/api/card-title.md
+++ b/versioned_docs/version-v7/api/card-title.md
@@ -2,12 +2,12 @@
title: 'ion-card-title'
---
-import Props from '@ionic-internal/component-api/v7/card-title/props.md';
-import Events from '@ionic-internal/component-api/v7/card-title/events.md';
-import Methods from '@ionic-internal/component-api/v7/card-title/methods.md';
-import Parts from '@ionic-internal/component-api/v7/card-title/parts.md';
+import Props from '@ionic-internal/component-api/v7/card-title/props.mdx';
+import Events from '@ionic-internal/component-api/v7/card-title/events.mdx';
+import Methods from '@ionic-internal/component-api/v7/card-title/methods.mdx';
+import Parts from '@ionic-internal/component-api/v7/card-title/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v7/card-title/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v7/card-title/slots.md';
+import Slots from '@ionic-internal/component-api/v7/card-title/slots.mdx';
import EncapsulationPill from '@components/page/api/EncapsulationPill';
diff --git a/versioned_docs/version-v7/api/card.md b/versioned_docs/version-v7/api/card.md
index 364de73ae3..7b0de59655 100644
--- a/versioned_docs/version-v7/api/card.md
+++ b/versioned_docs/version-v7/api/card.md
@@ -2,12 +2,12 @@
title: 'ion-card'
---
-import Props from '@ionic-internal/component-api/v7/card/props.md';
-import Events from '@ionic-internal/component-api/v7/card/events.md';
-import Methods from '@ionic-internal/component-api/v7/card/methods.md';
-import Parts from '@ionic-internal/component-api/v7/card/parts.md';
+import Props from '@ionic-internal/component-api/v7/card/props.mdx';
+import Events from '@ionic-internal/component-api/v7/card/events.mdx';
+import Methods from '@ionic-internal/component-api/v7/card/methods.mdx';
+import Parts from '@ionic-internal/component-api/v7/card/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v7/card/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v7/card/slots.md';
+import Slots from '@ionic-internal/component-api/v7/card/slots.mdx';
import EncapsulationPill from '@components/page/api/EncapsulationPill';
diff --git a/versioned_docs/version-v7/api/checkbox.md b/versioned_docs/version-v7/api/checkbox.md
index e09616c99e..f49b8c941b 100644
--- a/versioned_docs/version-v7/api/checkbox.md
+++ b/versioned_docs/version-v7/api/checkbox.md
@@ -2,12 +2,12 @@
title: 'ion-checkbox'
---
-import Props from '@ionic-internal/component-api/v7/checkbox/props.md';
-import Events from '@ionic-internal/component-api/v7/checkbox/events.md';
-import Methods from '@ionic-internal/component-api/v7/checkbox/methods.md';
-import Parts from '@ionic-internal/component-api/v7/checkbox/parts.md';
+import Props from '@ionic-internal/component-api/v7/checkbox/props.mdx';
+import Events from '@ionic-internal/component-api/v7/checkbox/events.mdx';
+import Methods from '@ionic-internal/component-api/v7/checkbox/methods.mdx';
+import Parts from '@ionic-internal/component-api/v7/checkbox/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v7/checkbox/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v7/checkbox/slots.md';
+import Slots from '@ionic-internal/component-api/v7/checkbox/slots.mdx';
ion-checkbox: Ionic App Checkbox to Select Multiple Options
diff --git a/versioned_docs/version-v7/api/chip.md b/versioned_docs/version-v7/api/chip.md
index 4418c0f7ff..ee7fa5d7e3 100644
--- a/versioned_docs/version-v7/api/chip.md
+++ b/versioned_docs/version-v7/api/chip.md
@@ -2,12 +2,12 @@
title: 'ion-chip'
---
-import Props from '@ionic-internal/component-api/v7/chip/props.md';
-import Events from '@ionic-internal/component-api/v7/chip/events.md';
-import Methods from '@ionic-internal/component-api/v7/chip/methods.md';
-import Parts from '@ionic-internal/component-api/v7/chip/parts.md';
+import Props from '@ionic-internal/component-api/v7/chip/props.mdx';
+import Events from '@ionic-internal/component-api/v7/chip/events.mdx';
+import Methods from '@ionic-internal/component-api/v7/chip/methods.mdx';
+import Parts from '@ionic-internal/component-api/v7/chip/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v7/chip/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v7/chip/slots.md';
+import Slots from '@ionic-internal/component-api/v7/chip/slots.mdx';
ion-chip: Text, Icon and Avatar for Ionic Framework Apps
diff --git a/versioned_docs/version-v7/api/col.md b/versioned_docs/version-v7/api/col.md
index f4ab426318..53687ada2d 100644
--- a/versioned_docs/version-v7/api/col.md
+++ b/versioned_docs/version-v7/api/col.md
@@ -2,12 +2,12 @@
title: 'ion-col'
---
-import Props from '@ionic-internal/component-api/v7/col/props.md';
-import Events from '@ionic-internal/component-api/v7/col/events.md';
-import Methods from '@ionic-internal/component-api/v7/col/methods.md';
-import Parts from '@ionic-internal/component-api/v7/col/parts.md';
+import Props from '@ionic-internal/component-api/v7/col/props.mdx';
+import Events from '@ionic-internal/component-api/v7/col/events.mdx';
+import Methods from '@ionic-internal/component-api/v7/col/methods.mdx';
+import Parts from '@ionic-internal/component-api/v7/col/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v7/col/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v7/col/slots.md';
+import Slots from '@ionic-internal/component-api/v7/col/slots.mdx';
ion-col: Column Component Padding and Other Properties
diff --git a/versioned_docs/version-v7/api/content.md b/versioned_docs/version-v7/api/content.md
index e5a167a96e..8c7dac7e19 100644
--- a/versioned_docs/version-v7/api/content.md
+++ b/versioned_docs/version-v7/api/content.md
@@ -2,12 +2,12 @@
title: 'ion-content'
---
-import Props from '@ionic-internal/component-api/v7/content/props.md';
-import Events from '@ionic-internal/component-api/v7/content/events.md';
-import Methods from '@ionic-internal/component-api/v7/content/methods.md';
-import Parts from '@ionic-internal/component-api/v7/content/parts.md';
+import Props from '@ionic-internal/component-api/v7/content/props.mdx';
+import Events from '@ionic-internal/component-api/v7/content/events.mdx';
+import Methods from '@ionic-internal/component-api/v7/content/methods.mdx';
+import Parts from '@ionic-internal/component-api/v7/content/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v7/content/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v7/content/slots.md';
+import Slots from '@ionic-internal/component-api/v7/content/slots.mdx';
ion-content: Scrollable Component for Ionic App Content
diff --git a/versioned_docs/version-v7/api/datetime-button.md b/versioned_docs/version-v7/api/datetime-button.md
index 536c461693..03968b367e 100644
--- a/versioned_docs/version-v7/api/datetime-button.md
+++ b/versioned_docs/version-v7/api/datetime-button.md
@@ -2,12 +2,12 @@
title: 'ion-datetime-button'
---
-import Props from '@ionic-internal/component-api/v7/datetime-button/props.md';
-import Events from '@ionic-internal/component-api/v7/datetime-button/events.md';
-import Methods from '@ionic-internal/component-api/v7/datetime-button/methods.md';
-import Parts from '@ionic-internal/component-api/v7/datetime-button/parts.md';
+import Props from '@ionic-internal/component-api/v7/datetime-button/props.mdx';
+import Events from '@ionic-internal/component-api/v7/datetime-button/events.mdx';
+import Methods from '@ionic-internal/component-api/v7/datetime-button/methods.mdx';
+import Parts from '@ionic-internal/component-api/v7/datetime-button/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v7/datetime-button/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v7/datetime-button/slots.md';
+import Slots from '@ionic-internal/component-api/v7/datetime-button/slots.mdx';
ion-datetime-button: Ionic Input for Datetime Picker
diff --git a/versioned_docs/version-v7/api/datetime.md b/versioned_docs/version-v7/api/datetime.md
index e31bdb9346..541240b07f 100644
--- a/versioned_docs/version-v7/api/datetime.md
+++ b/versioned_docs/version-v7/api/datetime.md
@@ -2,12 +2,12 @@
title: 'ion-datetime'
---
-import Props from '@ionic-internal/component-api/v7/datetime/props.md';
-import Events from '@ionic-internal/component-api/v7/datetime/events.md';
-import Methods from '@ionic-internal/component-api/v7/datetime/methods.md';
-import Parts from '@ionic-internal/component-api/v7/datetime/parts.md';
+import Props from '@ionic-internal/component-api/v7/datetime/props.mdx';
+import Events from '@ionic-internal/component-api/v7/datetime/events.mdx';
+import Methods from '@ionic-internal/component-api/v7/datetime/methods.mdx';
+import Parts from '@ionic-internal/component-api/v7/datetime/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v7/datetime/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v7/datetime/slots.md';
+import Slots from '@ionic-internal/component-api/v7/datetime/slots.mdx';
import Basic from '@site/static/usage/v7/datetime/basic/index.md';
diff --git a/versioned_docs/version-v7/api/fab-button.md b/versioned_docs/version-v7/api/fab-button.md
index d009ef88ec..24cb0ad7a5 100644
--- a/versioned_docs/version-v7/api/fab-button.md
+++ b/versioned_docs/version-v7/api/fab-button.md
@@ -2,12 +2,12 @@
title: 'ion-fab-button'
---
-import Props from '@ionic-internal/component-api/v7/fab-button/props.md';
-import Events from '@ionic-internal/component-api/v7/fab-button/events.md';
-import Methods from '@ionic-internal/component-api/v7/fab-button/methods.md';
-import Parts from '@ionic-internal/component-api/v7/fab-button/parts.md';
+import Props from '@ionic-internal/component-api/v7/fab-button/props.mdx';
+import Events from '@ionic-internal/component-api/v7/fab-button/events.mdx';
+import Methods from '@ionic-internal/component-api/v7/fab-button/methods.mdx';
+import Parts from '@ionic-internal/component-api/v7/fab-button/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v7/fab-button/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v7/fab-button/slots.md';
+import Slots from '@ionic-internal/component-api/v7/fab-button/slots.mdx';
ion-fab-button: Ionic FAB Button Icon for Primary Action
diff --git a/versioned_docs/version-v7/api/fab-list.md b/versioned_docs/version-v7/api/fab-list.md
index 3faa38a31a..14272b2c7f 100644
--- a/versioned_docs/version-v7/api/fab-list.md
+++ b/versioned_docs/version-v7/api/fab-list.md
@@ -2,12 +2,12 @@
title: 'ion-fab-list'
---
-import Props from '@ionic-internal/component-api/v7/fab-list/props.md';
-import Events from '@ionic-internal/component-api/v7/fab-list/events.md';
-import Methods from '@ionic-internal/component-api/v7/fab-list/methods.md';
-import Parts from '@ionic-internal/component-api/v7/fab-list/parts.md';
+import Props from '@ionic-internal/component-api/v7/fab-list/props.mdx';
+import Events from '@ionic-internal/component-api/v7/fab-list/events.mdx';
+import Methods from '@ionic-internal/component-api/v7/fab-list/methods.mdx';
+import Parts from '@ionic-internal/component-api/v7/fab-list/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v7/fab-list/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v7/fab-list/slots.md';
+import Slots from '@ionic-internal/component-api/v7/fab-list/slots.mdx';
import EncapsulationPill from '@components/page/api/EncapsulationPill';
diff --git a/versioned_docs/version-v7/api/fab.md b/versioned_docs/version-v7/api/fab.md
index 1ef85cf780..60d8dc3910 100644
--- a/versioned_docs/version-v7/api/fab.md
+++ b/versioned_docs/version-v7/api/fab.md
@@ -2,12 +2,12 @@
title: 'ion-fab'
---
-import Props from '@ionic-internal/component-api/v7/fab/props.md';
-import Events from '@ionic-internal/component-api/v7/fab/events.md';
-import Methods from '@ionic-internal/component-api/v7/fab/methods.md';
-import Parts from '@ionic-internal/component-api/v7/fab/parts.md';
+import Props from '@ionic-internal/component-api/v7/fab/props.mdx';
+import Events from '@ionic-internal/component-api/v7/fab/events.mdx';
+import Methods from '@ionic-internal/component-api/v7/fab/methods.mdx';
+import Parts from '@ionic-internal/component-api/v7/fab/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v7/fab/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v7/fab/slots.md';
+import Slots from '@ionic-internal/component-api/v7/fab/slots.mdx';
ion-fab: Ionic Floating Action Button for Android and iOS
diff --git a/versioned_docs/version-v7/api/footer.md b/versioned_docs/version-v7/api/footer.md
index 2ec0f6cc0b..bcbd27feb1 100644
--- a/versioned_docs/version-v7/api/footer.md
+++ b/versioned_docs/version-v7/api/footer.md
@@ -2,12 +2,12 @@
title: 'ion-footer'
---
-import Props from '@ionic-internal/component-api/v7/footer/props.md';
-import Events from '@ionic-internal/component-api/v7/footer/events.md';
-import Methods from '@ionic-internal/component-api/v7/footer/methods.md';
-import Parts from '@ionic-internal/component-api/v7/footer/parts.md';
+import Props from '@ionic-internal/component-api/v7/footer/props.mdx';
+import Events from '@ionic-internal/component-api/v7/footer/events.mdx';
+import Methods from '@ionic-internal/component-api/v7/footer/methods.mdx';
+import Parts from '@ionic-internal/component-api/v7/footer/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v7/footer/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v7/footer/slots.md';
+import Slots from '@ionic-internal/component-api/v7/footer/slots.mdx';
ion-footer: Page Footer | Ionic App Footer Root Component
diff --git a/versioned_docs/version-v7/api/grid.md b/versioned_docs/version-v7/api/grid.md
index 85a002e62f..c905c8f0c0 100644
--- a/versioned_docs/version-v7/api/grid.md
+++ b/versioned_docs/version-v7/api/grid.md
@@ -2,12 +2,12 @@
title: 'ion-grid'
---
-import Props from '@ionic-internal/component-api/v7/grid/props.md';
-import Events from '@ionic-internal/component-api/v7/grid/events.md';
-import Methods from '@ionic-internal/component-api/v7/grid/methods.md';
-import Parts from '@ionic-internal/component-api/v7/grid/parts.md';
+import Props from '@ionic-internal/component-api/v7/grid/props.mdx';
+import Events from '@ionic-internal/component-api/v7/grid/events.mdx';
+import Methods from '@ionic-internal/component-api/v7/grid/methods.mdx';
+import Parts from '@ionic-internal/component-api/v7/grid/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v7/grid/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v7/grid/slots.md';
+import Slots from '@ionic-internal/component-api/v7/grid/slots.mdx';
ion-grid: Display Grids for Mobile-First Custom App Layout
diff --git a/versioned_docs/version-v7/api/header.md b/versioned_docs/version-v7/api/header.md
index 8acee8b633..12e96b791f 100644
--- a/versioned_docs/version-v7/api/header.md
+++ b/versioned_docs/version-v7/api/header.md
@@ -2,12 +2,12 @@
title: 'ion-header'
---
-import Props from '@ionic-internal/component-api/v7/header/props.md';
-import Events from '@ionic-internal/component-api/v7/header/events.md';
-import Methods from '@ionic-internal/component-api/v7/header/methods.md';
-import Parts from '@ionic-internal/component-api/v7/header/parts.md';
+import Props from '@ionic-internal/component-api/v7/header/props.mdx';
+import Events from '@ionic-internal/component-api/v7/header/events.mdx';
+import Methods from '@ionic-internal/component-api/v7/header/methods.mdx';
+import Parts from '@ionic-internal/component-api/v7/header/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v7/header/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v7/header/slots.md';
+import Slots from '@ionic-internal/component-api/v7/header/slots.mdx';
ion-header: Header Parent Component for Ionic Framework Apps
diff --git a/versioned_docs/version-v7/api/img.md b/versioned_docs/version-v7/api/img.md
index 355ca81920..80124e3b06 100644
--- a/versioned_docs/version-v7/api/img.md
+++ b/versioned_docs/version-v7/api/img.md
@@ -2,12 +2,12 @@
title: 'ion-img'
---
-import Props from '@ionic-internal/component-api/v7/img/props.md';
-import Events from '@ionic-internal/component-api/v7/img/events.md';
-import Methods from '@ionic-internal/component-api/v7/img/methods.md';
-import Parts from '@ionic-internal/component-api/v7/img/parts.md';
+import Props from '@ionic-internal/component-api/v7/img/props.mdx';
+import Events from '@ionic-internal/component-api/v7/img/events.mdx';
+import Methods from '@ionic-internal/component-api/v7/img/methods.mdx';
+import Parts from '@ionic-internal/component-api/v7/img/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v7/img/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v7/img/slots.md';
+import Slots from '@ionic-internal/component-api/v7/img/slots.mdx';
ion-img: Img Tag to Lazy Load Images in Viewport
diff --git a/versioned_docs/version-v7/api/infinite-scroll-content.md b/versioned_docs/version-v7/api/infinite-scroll-content.md
index 477881b56a..2f1041be76 100644
--- a/versioned_docs/version-v7/api/infinite-scroll-content.md
+++ b/versioned_docs/version-v7/api/infinite-scroll-content.md
@@ -2,12 +2,12 @@
title: 'ion-infinite-scroll-content'
---
-import Props from '@ionic-internal/component-api/v7/infinite-scroll-content/props.md';
-import Events from '@ionic-internal/component-api/v7/infinite-scroll-content/events.md';
-import Methods from '@ionic-internal/component-api/v7/infinite-scroll-content/methods.md';
-import Parts from '@ionic-internal/component-api/v7/infinite-scroll-content/parts.md';
+import Props from '@ionic-internal/component-api/v7/infinite-scroll-content/props.mdx';
+import Events from '@ionic-internal/component-api/v7/infinite-scroll-content/events.mdx';
+import Methods from '@ionic-internal/component-api/v7/infinite-scroll-content/methods.mdx';
+import Parts from '@ionic-internal/component-api/v7/infinite-scroll-content/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v7/infinite-scroll-content/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v7/infinite-scroll-content/slots.md';
+import Slots from '@ionic-internal/component-api/v7/infinite-scroll-content/slots.mdx';
import EncapsulationPill from '@components/page/api/EncapsulationPill';
diff --git a/versioned_docs/version-v7/api/infinite-scroll.md b/versioned_docs/version-v7/api/infinite-scroll.md
index 4b33dda184..baaa369823 100644
--- a/versioned_docs/version-v7/api/infinite-scroll.md
+++ b/versioned_docs/version-v7/api/infinite-scroll.md
@@ -2,12 +2,12 @@
title: 'ion-infinite-scroll'
---
-import Props from '@ionic-internal/component-api/v7/infinite-scroll/props.md';
-import Events from '@ionic-internal/component-api/v7/infinite-scroll/events.md';
-import Methods from '@ionic-internal/component-api/v7/infinite-scroll/methods.md';
-import Parts from '@ionic-internal/component-api/v7/infinite-scroll/parts.md';
+import Props from '@ionic-internal/component-api/v7/infinite-scroll/props.mdx';
+import Events from '@ionic-internal/component-api/v7/infinite-scroll/events.mdx';
+import Methods from '@ionic-internal/component-api/v7/infinite-scroll/methods.mdx';
+import Parts from '@ionic-internal/component-api/v7/infinite-scroll/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v7/infinite-scroll/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v7/infinite-scroll/slots.md';
+import Slots from '@ionic-internal/component-api/v7/infinite-scroll/slots.mdx';
ion-infinite-scroll: Infinite Scroller Action Component
diff --git a/versioned_docs/version-v7/api/input.md b/versioned_docs/version-v7/api/input.md
index c6a6c35a7b..6a6b2b3dd8 100644
--- a/versioned_docs/version-v7/api/input.md
+++ b/versioned_docs/version-v7/api/input.md
@@ -2,12 +2,12 @@
title: 'ion-input'
---
-import Props from '@ionic-internal/component-api/v7/input/props.md';
-import Events from '@ionic-internal/component-api/v7/input/events.md';
-import Methods from '@ionic-internal/component-api/v7/input/methods.md';
-import Parts from '@ionic-internal/component-api/v7/input/parts.md';
+import Props from '@ionic-internal/component-api/v7/input/props.mdx';
+import Events from '@ionic-internal/component-api/v7/input/events.mdx';
+import Methods from '@ionic-internal/component-api/v7/input/methods.mdx';
+import Parts from '@ionic-internal/component-api/v7/input/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v7/input/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v7/input/slots.md';
+import Slots from '@ionic-internal/component-api/v7/input/slots.mdx';
ion-input: Custom Input With Styling and CSS Properties
diff --git a/versioned_docs/version-v7/api/item-divider.md b/versioned_docs/version-v7/api/item-divider.md
index 0d9fd56a5e..2f4e673e91 100644
--- a/versioned_docs/version-v7/api/item-divider.md
+++ b/versioned_docs/version-v7/api/item-divider.md
@@ -2,12 +2,12 @@
title: 'ion-item-divider'
---
-import Props from '@ionic-internal/component-api/v7/item-divider/props.md';
-import Events from '@ionic-internal/component-api/v7/item-divider/events.md';
-import Methods from '@ionic-internal/component-api/v7/item-divider/methods.md';
-import Parts from '@ionic-internal/component-api/v7/item-divider/parts.md';
+import Props from '@ionic-internal/component-api/v7/item-divider/props.mdx';
+import Events from '@ionic-internal/component-api/v7/item-divider/events.mdx';
+import Methods from '@ionic-internal/component-api/v7/item-divider/methods.mdx';
+import Parts from '@ionic-internal/component-api/v7/item-divider/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v7/item-divider/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v7/item-divider/slots.md';
+import Slots from '@ionic-internal/component-api/v7/item-divider/slots.mdx';
ion-item-divider: Item Divider Block Element for Ionic Apps
diff --git a/versioned_docs/version-v7/api/item-group.md b/versioned_docs/version-v7/api/item-group.md
index 7944da693a..f46b8d1b72 100644
--- a/versioned_docs/version-v7/api/item-group.md
+++ b/versioned_docs/version-v7/api/item-group.md
@@ -2,12 +2,12 @@
title: 'ion-item-group'
---
-import Props from '@ionic-internal/component-api/v7/item-group/props.md';
-import Events from '@ionic-internal/component-api/v7/item-group/events.md';
-import Methods from '@ionic-internal/component-api/v7/item-group/methods.md';
-import Parts from '@ionic-internal/component-api/v7/item-group/parts.md';
+import Props from '@ionic-internal/component-api/v7/item-group/props.mdx';
+import Events from '@ionic-internal/component-api/v7/item-group/events.mdx';
+import Methods from '@ionic-internal/component-api/v7/item-group/methods.mdx';
+import Parts from '@ionic-internal/component-api/v7/item-group/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v7/item-group/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v7/item-group/slots.md';
+import Slots from '@ionic-internal/component-api/v7/item-group/slots.mdx';
ion-item-group: Group Items to Divide into Multiple Sections
diff --git a/versioned_docs/version-v7/api/item-option.md b/versioned_docs/version-v7/api/item-option.md
index 42fdc7c01c..958564b0bd 100644
--- a/versioned_docs/version-v7/api/item-option.md
+++ b/versioned_docs/version-v7/api/item-option.md
@@ -2,12 +2,12 @@
title: 'ion-item-option'
---
-import Props from '@ionic-internal/component-api/v7/item-option/props.md';
-import Events from '@ionic-internal/component-api/v7/item-option/events.md';
-import Methods from '@ionic-internal/component-api/v7/item-option/methods.md';
-import Parts from '@ionic-internal/component-api/v7/item-option/parts.md';
+import Props from '@ionic-internal/component-api/v7/item-option/props.mdx';
+import Events from '@ionic-internal/component-api/v7/item-option/events.mdx';
+import Methods from '@ionic-internal/component-api/v7/item-option/methods.mdx';
+import Parts from '@ionic-internal/component-api/v7/item-option/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v7/item-option/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v7/item-option/slots.md';
+import Slots from '@ionic-internal/component-api/v7/item-option/slots.mdx';
ion-item-option: Option Button for Sliding Item in Ionic
diff --git a/versioned_docs/version-v7/api/item-options.md b/versioned_docs/version-v7/api/item-options.md
index 0268c4fb16..3223787569 100644
--- a/versioned_docs/version-v7/api/item-options.md
+++ b/versioned_docs/version-v7/api/item-options.md
@@ -2,12 +2,12 @@
title: 'ion-item-options'
---
-import Props from '@ionic-internal/component-api/v7/item-options/props.md';
-import Events from '@ionic-internal/component-api/v7/item-options/events.md';
-import Methods from '@ionic-internal/component-api/v7/item-options/methods.md';
-import Parts from '@ionic-internal/component-api/v7/item-options/parts.md';
+import Props from '@ionic-internal/component-api/v7/item-options/props.mdx';
+import Events from '@ionic-internal/component-api/v7/item-options/events.mdx';
+import Methods from '@ionic-internal/component-api/v7/item-options/methods.mdx';
+import Parts from '@ionic-internal/component-api/v7/item-options/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v7/item-options/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v7/item-options/slots.md';
+import Slots from '@ionic-internal/component-api/v7/item-options/slots.mdx';
ion-item-options: Option Button Components for Ionic Apps
diff --git a/versioned_docs/version-v7/api/item-sliding.md b/versioned_docs/version-v7/api/item-sliding.md
index 7104eaa21a..27948098e6 100644
--- a/versioned_docs/version-v7/api/item-sliding.md
+++ b/versioned_docs/version-v7/api/item-sliding.md
@@ -2,12 +2,12 @@
title: 'ion-item-sliding'
---
-import Props from '@ionic-internal/component-api/v7/item-sliding/props.md';
-import Events from '@ionic-internal/component-api/v7/item-sliding/events.md';
-import Methods from '@ionic-internal/component-api/v7/item-sliding/methods.md';
-import Parts from '@ionic-internal/component-api/v7/item-sliding/parts.md';
+import Props from '@ionic-internal/component-api/v7/item-sliding/props.mdx';
+import Events from '@ionic-internal/component-api/v7/item-sliding/events.mdx';
+import Methods from '@ionic-internal/component-api/v7/item-sliding/methods.mdx';
+import Parts from '@ionic-internal/component-api/v7/item-sliding/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v7/item-sliding/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v7/item-sliding/slots.md';
+import Slots from '@ionic-internal/component-api/v7/item-sliding/slots.mdx';
ion-item-sliding: Slide Buttons | Slide Right to Left
diff --git a/versioned_docs/version-v7/api/item.md b/versioned_docs/version-v7/api/item.md
index 598cae79c9..9bb6ca4fe8 100644
--- a/versioned_docs/version-v7/api/item.md
+++ b/versioned_docs/version-v7/api/item.md
@@ -2,12 +2,12 @@
title: 'ion-item'
---
-import Props from '@ionic-internal/component-api/v7/item/props.md';
-import Events from '@ionic-internal/component-api/v7/item/events.md';
-import Methods from '@ionic-internal/component-api/v7/item/methods.md';
-import Parts from '@ionic-internal/component-api/v7/item/parts.md';
+import Props from '@ionic-internal/component-api/v7/item/props.mdx';
+import Events from '@ionic-internal/component-api/v7/item/events.mdx';
+import Methods from '@ionic-internal/component-api/v7/item/methods.mdx';
+import Parts from '@ionic-internal/component-api/v7/item/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v7/item/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v7/item/slots.md';
+import Slots from '@ionic-internal/component-api/v7/item/slots.mdx';
import useBaseUrl from '@docusaurus/useBaseUrl';
import BestPracticeFigure from '@components/global/BestPracticeFigure';
diff --git a/versioned_docs/version-v7/api/label.md b/versioned_docs/version-v7/api/label.md
index e3a896e1aa..ac41f7f750 100644
--- a/versioned_docs/version-v7/api/label.md
+++ b/versioned_docs/version-v7/api/label.md
@@ -2,12 +2,12 @@
title: 'ion-label'
---
-import Props from '@ionic-internal/component-api/v7/label/props.md';
-import Events from '@ionic-internal/component-api/v7/label/events.md';
-import Methods from '@ionic-internal/component-api/v7/label/methods.md';
-import Parts from '@ionic-internal/component-api/v7/label/parts.md';
+import Props from '@ionic-internal/component-api/v7/label/props.mdx';
+import Events from '@ionic-internal/component-api/v7/label/events.mdx';
+import Methods from '@ionic-internal/component-api/v7/label/methods.mdx';
+import Parts from '@ionic-internal/component-api/v7/label/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v7/label/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v7/label/slots.md';
+import Slots from '@ionic-internal/component-api/v7/label/slots.mdx';
ion-label: Item Label Color and Properties for Applications
diff --git a/versioned_docs/version-v7/api/list-header.md b/versioned_docs/version-v7/api/list-header.md
index 6d296bd04c..80157f5997 100644
--- a/versioned_docs/version-v7/api/list-header.md
+++ b/versioned_docs/version-v7/api/list-header.md
@@ -2,12 +2,12 @@
title: 'ion-list-header'
---
-import Props from '@ionic-internal/component-api/v7/list-header/props.md';
-import Events from '@ionic-internal/component-api/v7/list-header/events.md';
-import Methods from '@ionic-internal/component-api/v7/list-header/methods.md';
-import Parts from '@ionic-internal/component-api/v7/list-header/parts.md';
+import Props from '@ionic-internal/component-api/v7/list-header/props.mdx';
+import Events from '@ionic-internal/component-api/v7/list-header/events.mdx';
+import Methods from '@ionic-internal/component-api/v7/list-header/methods.mdx';
+import Parts from '@ionic-internal/component-api/v7/list-header/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v7/list-header/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v7/list-header/slots.md';
+import Slots from '@ionic-internal/component-api/v7/list-header/slots.mdx';
import EncapsulationPill from '@components/page/api/EncapsulationPill';
diff --git a/versioned_docs/version-v7/api/list.md b/versioned_docs/version-v7/api/list.md
index 97ce3e331c..f1d36a2063 100644
--- a/versioned_docs/version-v7/api/list.md
+++ b/versioned_docs/version-v7/api/list.md
@@ -2,12 +2,12 @@
title: 'ion-list'
---
-import Props from '@ionic-internal/component-api/v7/list/props.md';
-import Events from '@ionic-internal/component-api/v7/list/events.md';
-import Methods from '@ionic-internal/component-api/v7/list/methods.md';
-import Parts from '@ionic-internal/component-api/v7/list/parts.md';
+import Props from '@ionic-internal/component-api/v7/list/props.mdx';
+import Events from '@ionic-internal/component-api/v7/list/events.mdx';
+import Methods from '@ionic-internal/component-api/v7/list/methods.mdx';
+import Parts from '@ionic-internal/component-api/v7/list/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v7/list/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v7/list/slots.md';
+import Slots from '@ionic-internal/component-api/v7/list/slots.mdx';
ion-list: Item List View Component for iOS and Android Apps
diff --git a/versioned_docs/version-v7/api/loading.md b/versioned_docs/version-v7/api/loading.md
index 64e115c95b..5f161e709c 100644
--- a/versioned_docs/version-v7/api/loading.md
+++ b/versioned_docs/version-v7/api/loading.md
@@ -2,12 +2,12 @@
title: 'ion-loading'
---
-import Props from '@ionic-internal/component-api/v7/loading/props.md';
-import Events from '@ionic-internal/component-api/v7/loading/events.md';
-import Methods from '@ionic-internal/component-api/v7/loading/methods.md';
-import Parts from '@ionic-internal/component-api/v7/loading/parts.md';
+import Props from '@ionic-internal/component-api/v7/loading/props.mdx';
+import Events from '@ionic-internal/component-api/v7/loading/events.mdx';
+import Methods from '@ionic-internal/component-api/v7/loading/methods.mdx';
+import Parts from '@ionic-internal/component-api/v7/loading/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v7/loading/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v7/loading/slots.md';
+import Slots from '@ionic-internal/component-api/v7/loading/slots.mdx';
ion-loading: Loading | Application Loading Indicator Overlay
diff --git a/versioned_docs/version-v7/api/menu-button.md b/versioned_docs/version-v7/api/menu-button.md
index cb804848f6..1914973615 100644
--- a/versioned_docs/version-v7/api/menu-button.md
+++ b/versioned_docs/version-v7/api/menu-button.md
@@ -2,12 +2,12 @@
title: 'ion-menu-button'
---
-import Props from '@ionic-internal/component-api/v7/menu-button/props.md';
-import Events from '@ionic-internal/component-api/v7/menu-button/events.md';
-import Methods from '@ionic-internal/component-api/v7/menu-button/methods.md';
-import Parts from '@ionic-internal/component-api/v7/menu-button/parts.md';
+import Props from '@ionic-internal/component-api/v7/menu-button/props.mdx';
+import Events from '@ionic-internal/component-api/v7/menu-button/events.mdx';
+import Methods from '@ionic-internal/component-api/v7/menu-button/methods.mdx';
+import Parts from '@ionic-internal/component-api/v7/menu-button/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v7/menu-button/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v7/menu-button/slots.md';
+import Slots from '@ionic-internal/component-api/v7/menu-button/slots.mdx';
ion-menu-button: Menu Button to Open an App Menu on a Page
diff --git a/versioned_docs/version-v7/api/menu-toggle.md b/versioned_docs/version-v7/api/menu-toggle.md
index 928b1f6188..d6d7ae3008 100644
--- a/versioned_docs/version-v7/api/menu-toggle.md
+++ b/versioned_docs/version-v7/api/menu-toggle.md
@@ -2,12 +2,12 @@
title: 'ion-menu-toggle'
---
-import Props from '@ionic-internal/component-api/v7/menu-toggle/props.md';
-import Events from '@ionic-internal/component-api/v7/menu-toggle/events.md';
-import Methods from '@ionic-internal/component-api/v7/menu-toggle/methods.md';
-import Parts from '@ionic-internal/component-api/v7/menu-toggle/parts.md';
+import Props from '@ionic-internal/component-api/v7/menu-toggle/props.mdx';
+import Events from '@ionic-internal/component-api/v7/menu-toggle/events.mdx';
+import Methods from '@ionic-internal/component-api/v7/menu-toggle/methods.mdx';
+import Parts from '@ionic-internal/component-api/v7/menu-toggle/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v7/menu-toggle/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v7/menu-toggle/slots.md';
+import Slots from '@ionic-internal/component-api/v7/menu-toggle/slots.mdx';
ion-menu-toggle: MenuToggle Component to Open/Close Menus
diff --git a/versioned_docs/version-v7/api/menu.md b/versioned_docs/version-v7/api/menu.md
index b209fbf663..2a4e25efe4 100644
--- a/versioned_docs/version-v7/api/menu.md
+++ b/versioned_docs/version-v7/api/menu.md
@@ -2,12 +2,12 @@
title: 'ion-menu'
---
-import Props from '@ionic-internal/component-api/v7/menu/props.md';
-import Events from '@ionic-internal/component-api/v7/menu/events.md';
-import Methods from '@ionic-internal/component-api/v7/menu/methods.md';
-import Parts from '@ionic-internal/component-api/v7/menu/parts.md';
+import Props from '@ionic-internal/component-api/v7/menu/props.mdx';
+import Events from '@ionic-internal/component-api/v7/menu/events.mdx';
+import Methods from '@ionic-internal/component-api/v7/menu/methods.mdx';
+import Parts from '@ionic-internal/component-api/v7/menu/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v7/menu/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v7/menu/slots.md';
+import Slots from '@ionic-internal/component-api/v7/menu/slots.mdx';
ion-menu: API Framework Docs for Types of Menu Components
diff --git a/versioned_docs/version-v7/api/modal.md b/versioned_docs/version-v7/api/modal.md
index a3e661af9b..a3cc70823d 100644
--- a/versioned_docs/version-v7/api/modal.md
+++ b/versioned_docs/version-v7/api/modal.md
@@ -2,12 +2,12 @@
title: 'ion-modal'
---
-import Props from '@ionic-internal/component-api/v7/modal/props.md';
-import Events from '@ionic-internal/component-api/v7/modal/events.md';
-import Methods from '@ionic-internal/component-api/v7/modal/methods.md';
-import Parts from '@ionic-internal/component-api/v7/modal/parts.md';
+import Props from '@ionic-internal/component-api/v7/modal/props.mdx';
+import Events from '@ionic-internal/component-api/v7/modal/events.mdx';
+import Methods from '@ionic-internal/component-api/v7/modal/methods.mdx';
+import Parts from '@ionic-internal/component-api/v7/modal/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v7/modal/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v7/modal/slots.md';
+import Slots from '@ionic-internal/component-api/v7/modal/slots.mdx';
ion-modal: Ionic Mobile App Custom Modal API Component
diff --git a/versioned_docs/version-v7/api/nav-link.md b/versioned_docs/version-v7/api/nav-link.md
index 9af3649b27..1648acf1b8 100644
--- a/versioned_docs/version-v7/api/nav-link.md
+++ b/versioned_docs/version-v7/api/nav-link.md
@@ -2,12 +2,12 @@
title: 'ion-nav-link'
---
-import Props from '@ionic-internal/component-api/v7/nav-link/props.md';
-import Events from '@ionic-internal/component-api/v7/nav-link/events.md';
-import Methods from '@ionic-internal/component-api/v7/nav-link/methods.md';
-import Parts from '@ionic-internal/component-api/v7/nav-link/parts.md';
+import Props from '@ionic-internal/component-api/v7/nav-link/props.mdx';
+import Events from '@ionic-internal/component-api/v7/nav-link/events.mdx';
+import Methods from '@ionic-internal/component-api/v7/nav-link/methods.mdx';
+import Parts from '@ionic-internal/component-api/v7/nav-link/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v7/nav-link/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v7/nav-link/slots.md';
+import Slots from '@ionic-internal/component-api/v7/nav-link/slots.mdx';
ion-nav-link: Navigation Links to a Specified Component
diff --git a/versioned_docs/version-v7/api/nav.md b/versioned_docs/version-v7/api/nav.md
index 5195dc19ef..6dd0ceb09f 100644
--- a/versioned_docs/version-v7/api/nav.md
+++ b/versioned_docs/version-v7/api/nav.md
@@ -2,12 +2,12 @@
title: 'ion-nav'
---
-import Props from '@ionic-internal/component-api/v7/nav/props.md';
-import Events from '@ionic-internal/component-api/v7/nav/events.md';
-import Methods from '@ionic-internal/component-api/v7/nav/methods.md';
-import Parts from '@ionic-internal/component-api/v7/nav/parts.md';
+import Props from '@ionic-internal/component-api/v7/nav/props.mdx';
+import Events from '@ionic-internal/component-api/v7/nav/events.mdx';
+import Methods from '@ionic-internal/component-api/v7/nav/methods.mdx';
+import Parts from '@ionic-internal/component-api/v7/nav/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v7/nav/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v7/nav/slots.md';
+import Slots from '@ionic-internal/component-api/v7/nav/slots.mdx';
ion-nav: Nav View Component for Ionic Framework Apps
diff --git a/versioned_docs/version-v7/api/note.md b/versioned_docs/version-v7/api/note.md
index 292c9cc0ef..fdc89f949e 100644
--- a/versioned_docs/version-v7/api/note.md
+++ b/versioned_docs/version-v7/api/note.md
@@ -2,12 +2,12 @@
title: 'ion-note'
---
-import Props from '@ionic-internal/component-api/v7/note/props.md';
-import Events from '@ionic-internal/component-api/v7/note/events.md';
-import Methods from '@ionic-internal/component-api/v7/note/methods.md';
-import Parts from '@ionic-internal/component-api/v7/note/parts.md';
+import Props from '@ionic-internal/component-api/v7/note/props.mdx';
+import Events from '@ionic-internal/component-api/v7/note/events.mdx';
+import Methods from '@ionic-internal/component-api/v7/note/methods.mdx';
+import Parts from '@ionic-internal/component-api/v7/note/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v7/note/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v7/note/slots.md';
+import Slots from '@ionic-internal/component-api/v7/note/slots.mdx';
ion-note: Note Text Elements for iOS and Android Ionic Apps
diff --git a/versioned_docs/version-v7/api/picker.md b/versioned_docs/version-v7/api/picker.md
index 76019f4499..5cd5db8287 100644
--- a/versioned_docs/version-v7/api/picker.md
+++ b/versioned_docs/version-v7/api/picker.md
@@ -2,12 +2,12 @@
title: 'ion-picker'
---
-import Props from '@ionic-internal/component-api/v7/picker/props.md';
-import Events from '@ionic-internal/component-api/v7/picker/events.md';
-import Methods from '@ionic-internal/component-api/v7/picker/methods.md';
-import Parts from '@ionic-internal/component-api/v7/picker/parts.md';
+import Props from '@ionic-internal/component-api/v7/picker/props.mdx';
+import Events from '@ionic-internal/component-api/v7/picker/events.mdx';
+import Methods from '@ionic-internal/component-api/v7/picker/methods.mdx';
+import Parts from '@ionic-internal/component-api/v7/picker/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v7/picker/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v7/picker/slots.md';
+import Slots from '@ionic-internal/component-api/v7/picker/slots.mdx';
ion-picker: A Dialog That Displays Buttons and Columns
diff --git a/versioned_docs/version-v7/api/popover.md b/versioned_docs/version-v7/api/popover.md
index 8b46280396..e960e2db74 100644
--- a/versioned_docs/version-v7/api/popover.md
+++ b/versioned_docs/version-v7/api/popover.md
@@ -2,12 +2,12 @@
title: 'ion-popover'
---
-import Props from '@ionic-internal/component-api/v7/popover/props.md';
-import Events from '@ionic-internal/component-api/v7/popover/events.md';
-import Methods from '@ionic-internal/component-api/v7/popover/methods.md';
-import Parts from '@ionic-internal/component-api/v7/popover/parts.md';
+import Props from '@ionic-internal/component-api/v7/popover/props.mdx';
+import Events from '@ionic-internal/component-api/v7/popover/events.mdx';
+import Methods from '@ionic-internal/component-api/v7/popover/methods.mdx';
+import Parts from '@ionic-internal/component-api/v7/popover/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v7/popover/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v7/popover/slots.md';
+import Slots from '@ionic-internal/component-api/v7/popover/slots.mdx';
ion-popover: iOS / Android Popover UI Dialog Component
diff --git a/versioned_docs/version-v7/api/progress-bar.md b/versioned_docs/version-v7/api/progress-bar.md
index 2136470967..6831c4a5c5 100644
--- a/versioned_docs/version-v7/api/progress-bar.md
+++ b/versioned_docs/version-v7/api/progress-bar.md
@@ -2,12 +2,12 @@
title: 'ion-progress-bar'
---
-import Props from '@ionic-internal/component-api/v7/progress-bar/props.md';
-import Events from '@ionic-internal/component-api/v7/progress-bar/events.md';
-import Methods from '@ionic-internal/component-api/v7/progress-bar/methods.md';
-import Parts from '@ionic-internal/component-api/v7/progress-bar/parts.md';
+import Props from '@ionic-internal/component-api/v7/progress-bar/props.mdx';
+import Events from '@ionic-internal/component-api/v7/progress-bar/events.mdx';
+import Methods from '@ionic-internal/component-api/v7/progress-bar/methods.mdx';
+import Parts from '@ionic-internal/component-api/v7/progress-bar/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v7/progress-bar/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v7/progress-bar/slots.md';
+import Slots from '@ionic-internal/component-api/v7/progress-bar/slots.mdx';
ion-progress-bar: App Progress Bar for Loading Indicator
diff --git a/versioned_docs/version-v7/api/radio-group.md b/versioned_docs/version-v7/api/radio-group.md
index 62d300b0cb..25b7cb900e 100644
--- a/versioned_docs/version-v7/api/radio-group.md
+++ b/versioned_docs/version-v7/api/radio-group.md
@@ -2,12 +2,12 @@
title: 'ion-radio-group'
---
-import Props from '@ionic-internal/component-api/v7/radio-group/props.md';
-import Events from '@ionic-internal/component-api/v7/radio-group/events.md';
-import Methods from '@ionic-internal/component-api/v7/radio-group/methods.md';
-import Parts from '@ionic-internal/component-api/v7/radio-group/parts.md';
+import Props from '@ionic-internal/component-api/v7/radio-group/props.mdx';
+import Events from '@ionic-internal/component-api/v7/radio-group/events.mdx';
+import Methods from '@ionic-internal/component-api/v7/radio-group/methods.mdx';
+import Parts from '@ionic-internal/component-api/v7/radio-group/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v7/radio-group/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v7/radio-group/slots.md';
+import Slots from '@ionic-internal/component-api/v7/radio-group/slots.mdx';
ion-radio-group: Radio Button Group Usage for Ionic Apps
diff --git a/versioned_docs/version-v7/api/radio.md b/versioned_docs/version-v7/api/radio.md
index 75dfcd8dc3..2bdafc10f1 100644
--- a/versioned_docs/version-v7/api/radio.md
+++ b/versioned_docs/version-v7/api/radio.md
@@ -2,12 +2,12 @@
title: 'ion-radio'
---
-import Props from '@ionic-internal/component-api/v7/radio/props.md';
-import Events from '@ionic-internal/component-api/v7/radio/events.md';
-import Methods from '@ionic-internal/component-api/v7/radio/methods.md';
-import Parts from '@ionic-internal/component-api/v7/radio/parts.md';
+import Props from '@ionic-internal/component-api/v7/radio/props.mdx';
+import Events from '@ionic-internal/component-api/v7/radio/events.mdx';
+import Methods from '@ionic-internal/component-api/v7/radio/methods.mdx';
+import Parts from '@ionic-internal/component-api/v7/radio/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v7/radio/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v7/radio/slots.md';
+import Slots from '@ionic-internal/component-api/v7/radio/slots.mdx';
ion-radio: Radio Component for iOS and Android
diff --git a/versioned_docs/version-v7/api/range.md b/versioned_docs/version-v7/api/range.md
index 71aa564f09..c1001fbd6b 100644
--- a/versioned_docs/version-v7/api/range.md
+++ b/versioned_docs/version-v7/api/range.md
@@ -2,12 +2,12 @@
title: 'ion-range'
---
-import Props from '@ionic-internal/component-api/v7/range/props.md';
-import Events from '@ionic-internal/component-api/v7/range/events.md';
-import Methods from '@ionic-internal/component-api/v7/range/methods.md';
-import Parts from '@ionic-internal/component-api/v7/range/parts.md';
+import Props from '@ionic-internal/component-api/v7/range/props.mdx';
+import Events from '@ionic-internal/component-api/v7/range/events.mdx';
+import Methods from '@ionic-internal/component-api/v7/range/methods.mdx';
+import Parts from '@ionic-internal/component-api/v7/range/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v7/range/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v7/range/slots.md';
+import Slots from '@ionic-internal/component-api/v7/range/slots.mdx';
ion-range: Range Slider Knob Controls with Labels
diff --git a/versioned_docs/version-v7/api/refresher-content.md b/versioned_docs/version-v7/api/refresher-content.md
index 2b7b11fd45..6fbb80c726 100644
--- a/versioned_docs/version-v7/api/refresher-content.md
+++ b/versioned_docs/version-v7/api/refresher-content.md
@@ -2,12 +2,12 @@
title: 'ion-refresher-content'
---
-import Props from '@ionic-internal/component-api/v7/refresher-content/props.md';
-import Events from '@ionic-internal/component-api/v7/refresher-content/events.md';
-import Methods from '@ionic-internal/component-api/v7/refresher-content/methods.md';
-import Parts from '@ionic-internal/component-api/v7/refresher-content/parts.md';
+import Props from '@ionic-internal/component-api/v7/refresher-content/props.mdx';
+import Events from '@ionic-internal/component-api/v7/refresher-content/events.mdx';
+import Methods from '@ionic-internal/component-api/v7/refresher-content/methods.mdx';
+import Parts from '@ionic-internal/component-api/v7/refresher-content/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v7/refresher-content/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v7/refresher-content/slots.md';
+import Slots from '@ionic-internal/component-api/v7/refresher-content/slots.mdx';
import EncapsulationPill from '@components/page/api/EncapsulationPill';
diff --git a/versioned_docs/version-v7/api/refresher.md b/versioned_docs/version-v7/api/refresher.md
index cfdd1be390..3b52c84f7f 100644
--- a/versioned_docs/version-v7/api/refresher.md
+++ b/versioned_docs/version-v7/api/refresher.md
@@ -2,12 +2,12 @@
title: 'ion-refresher'
---
-import Props from '@ionic-internal/component-api/v7/refresher/props.md';
-import Events from '@ionic-internal/component-api/v7/refresher/events.md';
-import Methods from '@ionic-internal/component-api/v7/refresher/methods.md';
-import Parts from '@ionic-internal/component-api/v7/refresher/parts.md';
+import Props from '@ionic-internal/component-api/v7/refresher/props.mdx';
+import Events from '@ionic-internal/component-api/v7/refresher/events.mdx';
+import Methods from '@ionic-internal/component-api/v7/refresher/methods.mdx';
+import Parts from '@ionic-internal/component-api/v7/refresher/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v7/refresher/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v7/refresher/slots.md';
+import Slots from '@ionic-internal/component-api/v7/refresher/slots.mdx';
ion-refresher: Pull-to-Refresh Page Content on Ionic Apps
diff --git a/versioned_docs/version-v7/api/reorder-group.md b/versioned_docs/version-v7/api/reorder-group.md
index 9880637b77..2e61af1b4f 100644
--- a/versioned_docs/version-v7/api/reorder-group.md
+++ b/versioned_docs/version-v7/api/reorder-group.md
@@ -2,12 +2,12 @@
title: 'ion-reorder-group'
---
-import Props from '@ionic-internal/component-api/v7/reorder-group/props.md';
-import Events from '@ionic-internal/component-api/v7/reorder-group/events.md';
-import Methods from '@ionic-internal/component-api/v7/reorder-group/methods.md';
-import Parts from '@ionic-internal/component-api/v7/reorder-group/parts.md';
+import Props from '@ionic-internal/component-api/v7/reorder-group/props.mdx';
+import Events from '@ionic-internal/component-api/v7/reorder-group/events.mdx';
+import Methods from '@ionic-internal/component-api/v7/reorder-group/methods.mdx';
+import Parts from '@ionic-internal/component-api/v7/reorder-group/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v7/reorder-group/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v7/reorder-group/slots.md';
+import Slots from '@ionic-internal/component-api/v7/reorder-group/slots.mdx';
ion-reorder-group: Wrapper Component for Reorder Items
diff --git a/versioned_docs/version-v7/api/reorder.md b/versioned_docs/version-v7/api/reorder.md
index 8d5e7ef6aa..f972ec25df 100644
--- a/versioned_docs/version-v7/api/reorder.md
+++ b/versioned_docs/version-v7/api/reorder.md
@@ -2,12 +2,12 @@
title: 'ion-reorder'
---
-import Props from '@ionic-internal/component-api/v7/reorder/props.md';
-import Events from '@ionic-internal/component-api/v7/reorder/events.md';
-import Methods from '@ionic-internal/component-api/v7/reorder/methods.md';
-import Parts from '@ionic-internal/component-api/v7/reorder/parts.md';
+import Props from '@ionic-internal/component-api/v7/reorder/props.mdx';
+import Events from '@ionic-internal/component-api/v7/reorder/events.mdx';
+import Methods from '@ionic-internal/component-api/v7/reorder/methods.mdx';
+import Parts from '@ionic-internal/component-api/v7/reorder/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v7/reorder/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v7/reorder/slots.md';
+import Slots from '@ionic-internal/component-api/v7/reorder/slots.mdx';
ion-reorder: Drag and Drop Icon to Reorder Items
diff --git a/versioned_docs/version-v7/api/ripple-effect.md b/versioned_docs/version-v7/api/ripple-effect.md
index fba5c3217c..3ad66d8ae4 100644
--- a/versioned_docs/version-v7/api/ripple-effect.md
+++ b/versioned_docs/version-v7/api/ripple-effect.md
@@ -2,12 +2,12 @@
title: 'ion-ripple-effect'
---
-import Props from '@ionic-internal/component-api/v7/ripple-effect/props.md';
-import Events from '@ionic-internal/component-api/v7/ripple-effect/events.md';
-import Methods from '@ionic-internal/component-api/v7/ripple-effect/methods.md';
-import Parts from '@ionic-internal/component-api/v7/ripple-effect/parts.md';
+import Props from '@ionic-internal/component-api/v7/ripple-effect/props.mdx';
+import Events from '@ionic-internal/component-api/v7/ripple-effect/events.mdx';
+import Methods from '@ionic-internal/component-api/v7/ripple-effect/methods.mdx';
+import Parts from '@ionic-internal/component-api/v7/ripple-effect/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v7/ripple-effect/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v7/ripple-effect/slots.md';
+import Slots from '@ionic-internal/component-api/v7/ripple-effect/slots.mdx';
import EncapsulationPill from '@components/page/api/EncapsulationPill';
diff --git a/versioned_docs/version-v7/api/route-redirect.md b/versioned_docs/version-v7/api/route-redirect.md
index ad2709591f..316fe6b5d1 100644
--- a/versioned_docs/version-v7/api/route-redirect.md
+++ b/versioned_docs/version-v7/api/route-redirect.md
@@ -2,12 +2,12 @@
title: 'ion-route-redirect'
---
-import Props from '@ionic-internal/component-api/v7/route-redirect/props.md';
-import Events from '@ionic-internal/component-api/v7/route-redirect/events.md';
-import Methods from '@ionic-internal/component-api/v7/route-redirect/methods.md';
-import Parts from '@ionic-internal/component-api/v7/route-redirect/parts.md';
+import Props from '@ionic-internal/component-api/v7/route-redirect/props.mdx';
+import Events from '@ionic-internal/component-api/v7/route-redirect/events.mdx';
+import Methods from '@ionic-internal/component-api/v7/route-redirect/methods.mdx';
+import Parts from '@ionic-internal/component-api/v7/route-redirect/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v7/route-redirect/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v7/route-redirect/slots.md';
+import Slots from '@ionic-internal/component-api/v7/route-redirect/slots.mdx';
ion-route-redirect: Redirect 'from' a URL 'to' Another URL
diff --git a/versioned_docs/version-v7/api/route.md b/versioned_docs/version-v7/api/route.md
index 405132c217..1272d48267 100644
--- a/versioned_docs/version-v7/api/route.md
+++ b/versioned_docs/version-v7/api/route.md
@@ -5,12 +5,12 @@ title: 'ion-route'
import Tabs from '@theme/Tabs';
import TabItem from '@theme/TabItem';
-import Props from '@ionic-internal/component-api/v7/route/props.md';
-import Events from '@ionic-internal/component-api/v7/route/events.md';
-import Methods from '@ionic-internal/component-api/v7/route/methods.md';
-import Parts from '@ionic-internal/component-api/v7/route/parts.md';
+import Props from '@ionic-internal/component-api/v7/route/props.mdx';
+import Events from '@ionic-internal/component-api/v7/route/events.mdx';
+import Methods from '@ionic-internal/component-api/v7/route/methods.mdx';
+import Parts from '@ionic-internal/component-api/v7/route/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v7/route/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v7/route/slots.md';
+import Slots from '@ionic-internal/component-api/v7/route/slots.mdx';
ion-route: API Route Component for Ionic Framework Apps
diff --git a/versioned_docs/version-v7/api/router-link.md b/versioned_docs/version-v7/api/router-link.md
index 732ee19cb3..5bcdf2c8b4 100644
--- a/versioned_docs/version-v7/api/router-link.md
+++ b/versioned_docs/version-v7/api/router-link.md
@@ -2,12 +2,12 @@
title: 'ion-router-link'
---
-import Props from '@ionic-internal/component-api/v7/router-link/props.md';
-import Events from '@ionic-internal/component-api/v7/router-link/events.md';
-import Methods from '@ionic-internal/component-api/v7/router-link/methods.md';
-import Parts from '@ionic-internal/component-api/v7/router-link/parts.md';
+import Props from '@ionic-internal/component-api/v7/router-link/props.mdx';
+import Events from '@ionic-internal/component-api/v7/router-link/events.mdx';
+import Methods from '@ionic-internal/component-api/v7/router-link/methods.mdx';
+import Parts from '@ionic-internal/component-api/v7/router-link/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v7/router-link/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v7/router-link/slots.md';
+import Slots from '@ionic-internal/component-api/v7/router-link/slots.mdx';
ion-router-link: Navigate To a Specified Link
diff --git a/versioned_docs/version-v7/api/router-outlet.md b/versioned_docs/version-v7/api/router-outlet.md
index dd88956fea..d01415d1c8 100644
--- a/versioned_docs/version-v7/api/router-outlet.md
+++ b/versioned_docs/version-v7/api/router-outlet.md
@@ -2,12 +2,12 @@
title: 'ion-router-outlet'
---
-import Props from '@ionic-internal/component-api/v7/router-outlet/props.md';
-import Events from '@ionic-internal/component-api/v7/router-outlet/events.md';
-import Methods from '@ionic-internal/component-api/v7/router-outlet/methods.md';
-import Parts from '@ionic-internal/component-api/v7/router-outlet/parts.md';
+import Props from '@ionic-internal/component-api/v7/router-outlet/props.mdx';
+import Events from '@ionic-internal/component-api/v7/router-outlet/events.mdx';
+import Methods from '@ionic-internal/component-api/v7/router-outlet/methods.mdx';
+import Parts from '@ionic-internal/component-api/v7/router-outlet/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v7/router-outlet/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v7/router-outlet/slots.md';
+import Slots from '@ionic-internal/component-api/v7/router-outlet/slots.mdx';
import EncapsulationPill from '@components/page/api/EncapsulationPill';
diff --git a/versioned_docs/version-v7/api/router.md b/versioned_docs/version-v7/api/router.md
index 122a3f1744..0c9f864d72 100644
--- a/versioned_docs/version-v7/api/router.md
+++ b/versioned_docs/version-v7/api/router.md
@@ -2,12 +2,12 @@
title: 'ion-router'
---
-import Props from '@ionic-internal/component-api/v7/router/props.md';
-import Events from '@ionic-internal/component-api/v7/router/events.md';
-import Methods from '@ionic-internal/component-api/v7/router/methods.md';
-import Parts from '@ionic-internal/component-api/v7/router/parts.md';
+import Props from '@ionic-internal/component-api/v7/router/props.mdx';
+import Events from '@ionic-internal/component-api/v7/router/events.mdx';
+import Methods from '@ionic-internal/component-api/v7/router/methods.mdx';
+import Parts from '@ionic-internal/component-api/v7/router/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v7/router/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v7/router/slots.md';
+import Slots from '@ionic-internal/component-api/v7/router/slots.mdx';
ion-router: Router Component to Coordinate URL Navigation
diff --git a/versioned_docs/version-v7/api/row.md b/versioned_docs/version-v7/api/row.md
index f759436321..557ca356e8 100644
--- a/versioned_docs/version-v7/api/row.md
+++ b/versioned_docs/version-v7/api/row.md
@@ -2,12 +2,12 @@
title: 'ion-row'
---
-import Props from '@ionic-internal/component-api/v7/row/props.md';
-import Events from '@ionic-internal/component-api/v7/row/events.md';
-import Methods from '@ionic-internal/component-api/v7/row/methods.md';
-import Parts from '@ionic-internal/component-api/v7/row/parts.md';
+import Props from '@ionic-internal/component-api/v7/row/props.mdx';
+import Events from '@ionic-internal/component-api/v7/row/events.mdx';
+import Methods from '@ionic-internal/component-api/v7/row/methods.mdx';
+import Parts from '@ionic-internal/component-api/v7/row/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v7/row/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v7/row/slots.md';
+import Slots from '@ionic-internal/component-api/v7/row/slots.mdx';
ion-row: Horizontal Row Components of the Grid System
diff --git a/versioned_docs/version-v7/api/searchbar.md b/versioned_docs/version-v7/api/searchbar.md
index 1296f4f837..5cecca0fa3 100644
--- a/versioned_docs/version-v7/api/searchbar.md
+++ b/versioned_docs/version-v7/api/searchbar.md
@@ -2,12 +2,12 @@
title: 'ion-searchbar'
---
-import Props from '@ionic-internal/component-api/v7/searchbar/props.md';
-import Events from '@ionic-internal/component-api/v7/searchbar/events.md';
-import Methods from '@ionic-internal/component-api/v7/searchbar/methods.md';
-import Parts from '@ionic-internal/component-api/v7/searchbar/parts.md';
+import Props from '@ionic-internal/component-api/v7/searchbar/props.mdx';
+import Events from '@ionic-internal/component-api/v7/searchbar/events.mdx';
+import Methods from '@ionic-internal/component-api/v7/searchbar/methods.mdx';
+import Parts from '@ionic-internal/component-api/v7/searchbar/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v7/searchbar/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v7/searchbar/slots.md';
+import Slots from '@ionic-internal/component-api/v7/searchbar/slots.mdx';
ion-searchbar: Search Bar for Searching a Collection
diff --git a/versioned_docs/version-v7/api/segment-button.md b/versioned_docs/version-v7/api/segment-button.md
index fd01b386d8..30825169df 100644
--- a/versioned_docs/version-v7/api/segment-button.md
+++ b/versioned_docs/version-v7/api/segment-button.md
@@ -2,12 +2,12 @@
title: 'ion-segment-button'
---
-import Props from '@ionic-internal/component-api/v7/segment-button/props.md';
-import Events from '@ionic-internal/component-api/v7/segment-button/events.md';
-import Methods from '@ionic-internal/component-api/v7/segment-button/methods.md';
-import Parts from '@ionic-internal/component-api/v7/segment-button/parts.md';
+import Props from '@ionic-internal/component-api/v7/segment-button/props.mdx';
+import Events from '@ionic-internal/component-api/v7/segment-button/events.mdx';
+import Methods from '@ionic-internal/component-api/v7/segment-button/methods.mdx';
+import Parts from '@ionic-internal/component-api/v7/segment-button/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v7/segment-button/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v7/segment-button/slots.md';
+import Slots from '@ionic-internal/component-api/v7/segment-button/slots.mdx';
ion-segment-button | Segment Button Icon and Segment Value
diff --git a/versioned_docs/version-v7/api/segment.md b/versioned_docs/version-v7/api/segment.md
index 3ec85af17f..8fd7346f22 100644
--- a/versioned_docs/version-v7/api/segment.md
+++ b/versioned_docs/version-v7/api/segment.md
@@ -2,12 +2,12 @@
title: 'ion-segment'
---
-import Props from '@ionic-internal/component-api/v7/segment/props.md';
-import Events from '@ionic-internal/component-api/v7/segment/events.md';
-import Methods from '@ionic-internal/component-api/v7/segment/methods.md';
-import Parts from '@ionic-internal/component-api/v7/segment/parts.md';
+import Props from '@ionic-internal/component-api/v7/segment/props.mdx';
+import Events from '@ionic-internal/component-api/v7/segment/events.mdx';
+import Methods from '@ionic-internal/component-api/v7/segment/methods.mdx';
+import Parts from '@ionic-internal/component-api/v7/segment/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v7/segment/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v7/segment/slots.md';
+import Slots from '@ionic-internal/component-api/v7/segment/slots.mdx';
ion-segment: API Documentation for Segmented Controls
diff --git a/versioned_docs/version-v7/api/select-option.md b/versioned_docs/version-v7/api/select-option.md
index a1f9951b07..00dd0aff1a 100644
--- a/versioned_docs/version-v7/api/select-option.md
+++ b/versioned_docs/version-v7/api/select-option.md
@@ -2,12 +2,12 @@
title: 'ion-select-option'
---
-import Props from '@ionic-internal/component-api/v7/select-option/props.md';
-import Events from '@ionic-internal/component-api/v7/select-option/events.md';
-import Methods from '@ionic-internal/component-api/v7/select-option/methods.md';
-import Parts from '@ionic-internal/component-api/v7/select-option/parts.md';
+import Props from '@ionic-internal/component-api/v7/select-option/props.mdx';
+import Events from '@ionic-internal/component-api/v7/select-option/events.mdx';
+import Methods from '@ionic-internal/component-api/v7/select-option/methods.mdx';
+import Parts from '@ionic-internal/component-api/v7/select-option/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v7/select-option/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v7/select-option/slots.md';
+import Slots from '@ionic-internal/component-api/v7/select-option/slots.mdx';
ion-select-option: Option For a Select Dialog
diff --git a/versioned_docs/version-v7/api/select.md b/versioned_docs/version-v7/api/select.md
index b664bec16c..b6b8b5ab52 100644
--- a/versioned_docs/version-v7/api/select.md
+++ b/versioned_docs/version-v7/api/select.md
@@ -2,12 +2,12 @@
title: 'ion-select'
---
-import Props from '@ionic-internal/component-api/v7/select/props.md';
-import Events from '@ionic-internal/component-api/v7/select/events.md';
-import Methods from '@ionic-internal/component-api/v7/select/methods.md';
-import Parts from '@ionic-internal/component-api/v7/select/parts.md';
+import Props from '@ionic-internal/component-api/v7/select/props.mdx';
+import Events from '@ionic-internal/component-api/v7/select/events.mdx';
+import Methods from '@ionic-internal/component-api/v7/select/methods.mdx';
+import Parts from '@ionic-internal/component-api/v7/select/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v7/select/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v7/select/slots.md';
+import Slots from '@ionic-internal/component-api/v7/select/slots.mdx';
ion-select: Select One or Multiple Value Boxes or Placeholders
diff --git a/versioned_docs/version-v7/api/skeleton-text.md b/versioned_docs/version-v7/api/skeleton-text.md
index 77c669eaea..9eb60a3e56 100644
--- a/versioned_docs/version-v7/api/skeleton-text.md
+++ b/versioned_docs/version-v7/api/skeleton-text.md
@@ -2,12 +2,12 @@
title: 'ion-skeleton-text'
---
-import Props from '@ionic-internal/component-api/v7/skeleton-text/props.md';
-import Events from '@ionic-internal/component-api/v7/skeleton-text/events.md';
-import Methods from '@ionic-internal/component-api/v7/skeleton-text/methods.md';
-import Parts from '@ionic-internal/component-api/v7/skeleton-text/parts.md';
+import Props from '@ionic-internal/component-api/v7/skeleton-text/props.mdx';
+import Events from '@ionic-internal/component-api/v7/skeleton-text/events.mdx';
+import Methods from '@ionic-internal/component-api/v7/skeleton-text/methods.mdx';
+import Parts from '@ionic-internal/component-api/v7/skeleton-text/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v7/skeleton-text/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v7/skeleton-text/slots.md';
+import Slots from '@ionic-internal/component-api/v7/skeleton-text/slots.mdx';
ion-skeleton-text: Skeleton Loading Placeholder for Text
diff --git a/versioned_docs/version-v7/api/spinner.md b/versioned_docs/version-v7/api/spinner.md
index 6c0da0da24..074a1a6664 100644
--- a/versioned_docs/version-v7/api/spinner.md
+++ b/versioned_docs/version-v7/api/spinner.md
@@ -2,12 +2,12 @@
title: 'ion-spinner'
---
-import Props from '@ionic-internal/component-api/v7/spinner/props.md';
-import Events from '@ionic-internal/component-api/v7/spinner/events.md';
-import Methods from '@ionic-internal/component-api/v7/spinner/methods.md';
-import Parts from '@ionic-internal/component-api/v7/spinner/parts.md';
+import Props from '@ionic-internal/component-api/v7/spinner/props.mdx';
+import Events from '@ionic-internal/component-api/v7/spinner/events.mdx';
+import Methods from '@ionic-internal/component-api/v7/spinner/methods.mdx';
+import Parts from '@ionic-internal/component-api/v7/spinner/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v7/spinner/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v7/spinner/slots.md';
+import Slots from '@ionic-internal/component-api/v7/spinner/slots.mdx';
ion-spinner: Animated Spinner Icon Components and Properties
diff --git a/versioned_docs/version-v7/api/split-pane.md b/versioned_docs/version-v7/api/split-pane.md
index 3a7915569f..d10e605fda 100644
--- a/versioned_docs/version-v7/api/split-pane.md
+++ b/versioned_docs/version-v7/api/split-pane.md
@@ -2,12 +2,12 @@
title: 'ion-split-pane'
---
-import Props from '@ionic-internal/component-api/v7/split-pane/props.md';
-import Events from '@ionic-internal/component-api/v7/split-pane/events.md';
-import Methods from '@ionic-internal/component-api/v7/split-pane/methods.md';
-import Parts from '@ionic-internal/component-api/v7/split-pane/parts.md';
+import Props from '@ionic-internal/component-api/v7/split-pane/props.mdx';
+import Events from '@ionic-internal/component-api/v7/split-pane/events.mdx';
+import Methods from '@ionic-internal/component-api/v7/split-pane/methods.mdx';
+import Parts from '@ionic-internal/component-api/v7/split-pane/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v7/split-pane/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v7/split-pane/slots.md';
+import Slots from '@ionic-internal/component-api/v7/split-pane/slots.mdx';
ion-split-pane: Split Plane for Menus and Multi-View Layouts
diff --git a/versioned_docs/version-v7/api/tab-bar.md b/versioned_docs/version-v7/api/tab-bar.md
index c49d950755..d5eeeacc42 100644
--- a/versioned_docs/version-v7/api/tab-bar.md
+++ b/versioned_docs/version-v7/api/tab-bar.md
@@ -5,12 +5,12 @@ title: 'ion-tab-bar'
import Tabs from '@theme/Tabs';
import TabItem from '@theme/TabItem';
-import Props from '@ionic-internal/component-api/v7/tab-bar/props.md';
-import Events from '@ionic-internal/component-api/v7/tab-bar/events.md';
-import Methods from '@ionic-internal/component-api/v7/tab-bar/methods.md';
-import Parts from '@ionic-internal/component-api/v7/tab-bar/parts.md';
+import Props from '@ionic-internal/component-api/v7/tab-bar/props.mdx';
+import Events from '@ionic-internal/component-api/v7/tab-bar/events.mdx';
+import Methods from '@ionic-internal/component-api/v7/tab-bar/methods.mdx';
+import Parts from '@ionic-internal/component-api/v7/tab-bar/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v7/tab-bar/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v7/tab-bar/slots.md';
+import Slots from '@ionic-internal/component-api/v7/tab-bar/slots.mdx';
ion-tab-bar: Tab Bar Component with CSS Custom Properties
diff --git a/versioned_docs/version-v7/api/tab-button.md b/versioned_docs/version-v7/api/tab-button.md
index 206e2caabd..5c966e41c8 100644
--- a/versioned_docs/version-v7/api/tab-button.md
+++ b/versioned_docs/version-v7/api/tab-button.md
@@ -5,12 +5,12 @@ title: 'ion-tab-button'
import Tabs from '@theme/Tabs';
import TabItem from '@theme/TabItem';
-import Props from '@ionic-internal/component-api/v7/tab-button/props.md';
-import Events from '@ionic-internal/component-api/v7/tab-button/events.md';
-import Methods from '@ionic-internal/component-api/v7/tab-button/methods.md';
-import Parts from '@ionic-internal/component-api/v7/tab-button/parts.md';
+import Props from '@ionic-internal/component-api/v7/tab-button/props.mdx';
+import Events from '@ionic-internal/component-api/v7/tab-button/events.mdx';
+import Methods from '@ionic-internal/component-api/v7/tab-button/methods.mdx';
+import Parts from '@ionic-internal/component-api/v7/tab-button/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v7/tab-button/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v7/tab-button/slots.md';
+import Slots from '@ionic-internal/component-api/v7/tab-button/slots.mdx';
import EncapsulationPill from '@components/page/api/EncapsulationPill';
diff --git a/versioned_docs/version-v7/api/tab.md b/versioned_docs/version-v7/api/tab.md
index 895a378e17..b971a2c216 100644
--- a/versioned_docs/version-v7/api/tab.md
+++ b/versioned_docs/version-v7/api/tab.md
@@ -2,12 +2,12 @@
title: 'ion-tab'
---
-import Props from '@ionic-internal/component-api/v7/tab/props.md';
-import Events from '@ionic-internal/component-api/v7/tab/events.md';
-import Methods from '@ionic-internal/component-api/v7/tab/methods.md';
-import Parts from '@ionic-internal/component-api/v7/tab/parts.md';
+import Props from '@ionic-internal/component-api/v7/tab/props.mdx';
+import Events from '@ionic-internal/component-api/v7/tab/events.mdx';
+import Methods from '@ionic-internal/component-api/v7/tab/methods.mdx';
+import Parts from '@ionic-internal/component-api/v7/tab/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v7/tab/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v7/tab/slots.md';
+import Slots from '@ionic-internal/component-api/v7/tab/slots.mdx';
ion-tab: Ionic Framework Application Component
diff --git a/versioned_docs/version-v7/api/tabs.md b/versioned_docs/version-v7/api/tabs.md
index c3a9b5ee57..ebb072281e 100644
--- a/versioned_docs/version-v7/api/tabs.md
+++ b/versioned_docs/version-v7/api/tabs.md
@@ -2,12 +2,12 @@
title: 'ion-tabs'
---
-import Props from '@ionic-internal/component-api/v7/tabs/props.md';
-import Events from '@ionic-internal/component-api/v7/tabs/events.md';
-import Methods from '@ionic-internal/component-api/v7/tabs/methods.md';
-import Parts from '@ionic-internal/component-api/v7/tabs/parts.md';
+import Props from '@ionic-internal/component-api/v7/tabs/props.mdx';
+import Events from '@ionic-internal/component-api/v7/tabs/events.mdx';
+import Methods from '@ionic-internal/component-api/v7/tabs/methods.mdx';
+import Parts from '@ionic-internal/component-api/v7/tabs/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v7/tabs/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v7/tabs/slots.md';
+import Slots from '@ionic-internal/component-api/v7/tabs/slots.mdx';
ion-tabs: Tab-Based Component for App Top-Level Navigation
diff --git a/versioned_docs/version-v7/api/text.md b/versioned_docs/version-v7/api/text.md
index a13b255b42..62deca3c6e 100644
--- a/versioned_docs/version-v7/api/text.md
+++ b/versioned_docs/version-v7/api/text.md
@@ -2,12 +2,12 @@
title: 'ion-text'
---
-import Props from '@ionic-internal/component-api/v7/text/props.md';
-import Events from '@ionic-internal/component-api/v7/text/events.md';
-import Methods from '@ionic-internal/component-api/v7/text/methods.md';
-import Parts from '@ionic-internal/component-api/v7/text/parts.md';
+import Props from '@ionic-internal/component-api/v7/text/props.mdx';
+import Events from '@ionic-internal/component-api/v7/text/events.mdx';
+import Methods from '@ionic-internal/component-api/v7/text/methods.mdx';
+import Parts from '@ionic-internal/component-api/v7/text/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v7/text/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v7/text/slots.md';
+import Slots from '@ionic-internal/component-api/v7/text/slots.mdx';
ion-text: Ionic App Component to Style or Change Text Color
diff --git a/versioned_docs/version-v7/api/textarea.md b/versioned_docs/version-v7/api/textarea.md
index aca893c93c..6eef3c2735 100644
--- a/versioned_docs/version-v7/api/textarea.md
+++ b/versioned_docs/version-v7/api/textarea.md
@@ -2,12 +2,12 @@
title: 'ion-textarea'
---
-import Props from '@ionic-internal/component-api/v7/textarea/props.md';
-import Events from '@ionic-internal/component-api/v7/textarea/events.md';
-import Methods from '@ionic-internal/component-api/v7/textarea/methods.md';
-import Parts from '@ionic-internal/component-api/v7/textarea/parts.md';
+import Props from '@ionic-internal/component-api/v7/textarea/props.mdx';
+import Events from '@ionic-internal/component-api/v7/textarea/events.mdx';
+import Methods from '@ionic-internal/component-api/v7/textarea/methods.mdx';
+import Parts from '@ionic-internal/component-api/v7/textarea/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v7/textarea/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v7/textarea/slots.md';
+import Slots from '@ionic-internal/component-api/v7/textarea/slots.mdx';
Ionic Textarea Component and CSS Properties for Multi-Line Input
diff --git a/versioned_docs/version-v7/api/thumbnail.md b/versioned_docs/version-v7/api/thumbnail.md
index 3344258478..4197188d3f 100644
--- a/versioned_docs/version-v7/api/thumbnail.md
+++ b/versioned_docs/version-v7/api/thumbnail.md
@@ -2,12 +2,12 @@
title: 'ion-thumbnail'
---
-import Props from '@ionic-internal/component-api/v7/thumbnail/props.md';
-import Events from '@ionic-internal/component-api/v7/thumbnail/events.md';
-import Methods from '@ionic-internal/component-api/v7/thumbnail/methods.md';
-import Parts from '@ionic-internal/component-api/v7/thumbnail/parts.md';
+import Props from '@ionic-internal/component-api/v7/thumbnail/props.mdx';
+import Events from '@ionic-internal/component-api/v7/thumbnail/events.mdx';
+import Methods from '@ionic-internal/component-api/v7/thumbnail/methods.mdx';
+import Parts from '@ionic-internal/component-api/v7/thumbnail/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v7/thumbnail/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v7/thumbnail/slots.md';
+import Slots from '@ionic-internal/component-api/v7/thumbnail/slots.mdx';
ion-thumbnail: Thumbnail App Component for Images or Icons
diff --git a/versioned_docs/version-v7/api/title.md b/versioned_docs/version-v7/api/title.md
index 2b3ec5440b..a0517dab48 100644
--- a/versioned_docs/version-v7/api/title.md
+++ b/versioned_docs/version-v7/api/title.md
@@ -2,12 +2,12 @@
title: 'ion-title'
---
-import Props from '@ionic-internal/component-api/v7/title/props.md';
-import Events from '@ionic-internal/component-api/v7/title/events.md';
-import Methods from '@ionic-internal/component-api/v7/title/methods.md';
-import Parts from '@ionic-internal/component-api/v7/title/parts.md';
+import Props from '@ionic-internal/component-api/v7/title/props.mdx';
+import Events from '@ionic-internal/component-api/v7/title/events.mdx';
+import Methods from '@ionic-internal/component-api/v7/title/methods.mdx';
+import Parts from '@ionic-internal/component-api/v7/title/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v7/title/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v7/title/slots.md';
+import Slots from '@ionic-internal/component-api/v7/title/slots.mdx';
ion-title: Ionic Framework App Title Component for Toolbars
diff --git a/versioned_docs/version-v7/api/toast.md b/versioned_docs/version-v7/api/toast.md
index 82e821e62d..3f68dbbebb 100644
--- a/versioned_docs/version-v7/api/toast.md
+++ b/versioned_docs/version-v7/api/toast.md
@@ -5,12 +5,12 @@ title: 'ion-toast'
import Tabs from '@theme/Tabs';
import TabItem from '@theme/TabItem';
-import Props from '@ionic-internal/component-api/v7/toast/props.md';
-import Events from '@ionic-internal/component-api/v7/toast/events.md';
-import Methods from '@ionic-internal/component-api/v7/toast/methods.md';
-import Parts from '@ionic-internal/component-api/v7/toast/parts.md';
+import Props from '@ionic-internal/component-api/v7/toast/props.mdx';
+import Events from '@ionic-internal/component-api/v7/toast/events.mdx';
+import Methods from '@ionic-internal/component-api/v7/toast/methods.mdx';
+import Parts from '@ionic-internal/component-api/v7/toast/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v7/toast/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v7/toast/slots.md';
+import Slots from '@ionic-internal/component-api/v7/toast/slots.mdx';
ion-toast: A Dismissible App Notification Alert Component
diff --git a/versioned_docs/version-v7/api/toggle.md b/versioned_docs/version-v7/api/toggle.md
index be809e2d5a..9eb570ae3e 100644
--- a/versioned_docs/version-v7/api/toggle.md
+++ b/versioned_docs/version-v7/api/toggle.md
@@ -2,12 +2,12 @@
title: 'ion-toggle'
---
-import Props from '@ionic-internal/component-api/v7/toggle/props.md';
-import Events from '@ionic-internal/component-api/v7/toggle/events.md';
-import Methods from '@ionic-internal/component-api/v7/toggle/methods.md';
-import Parts from '@ionic-internal/component-api/v7/toggle/parts.md';
+import Props from '@ionic-internal/component-api/v7/toggle/props.mdx';
+import Events from '@ionic-internal/component-api/v7/toggle/events.mdx';
+import Methods from '@ionic-internal/component-api/v7/toggle/methods.mdx';
+import Parts from '@ionic-internal/component-api/v7/toggle/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v7/toggle/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v7/toggle/slots.md';
+import Slots from '@ionic-internal/component-api/v7/toggle/slots.mdx';
ion-toggle: Custom Toggle Button for Ionic Applications
diff --git a/versioned_docs/version-v7/api/toolbar.md b/versioned_docs/version-v7/api/toolbar.md
index d2eb6c420b..49d57494ce 100644
--- a/versioned_docs/version-v7/api/toolbar.md
+++ b/versioned_docs/version-v7/api/toolbar.md
@@ -2,12 +2,12 @@
title: 'ion-toolbar'
---
-import Props from '@ionic-internal/component-api/v7/toolbar/props.md';
-import Events from '@ionic-internal/component-api/v7/toolbar/events.md';
-import Methods from '@ionic-internal/component-api/v7/toolbar/methods.md';
-import Parts from '@ionic-internal/component-api/v7/toolbar/parts.md';
+import Props from '@ionic-internal/component-api/v7/toolbar/props.mdx';
+import Events from '@ionic-internal/component-api/v7/toolbar/events.mdx';
+import Methods from '@ionic-internal/component-api/v7/toolbar/methods.mdx';
+import Parts from '@ionic-internal/component-api/v7/toolbar/parts.mdx';
import CustomProps from '@ionic-internal/component-api/v7/toolbar/custom-props.mdx';
-import Slots from '@ionic-internal/component-api/v7/toolbar/slots.md';
+import Slots from '@ionic-internal/component-api/v7/toolbar/slots.mdx';
ion-toolbar: Customize App Menu Toolbar Buttons and Icons