diff --git a/docs/api/accordion-group.md b/docs/api/accordion-group.md
index 2880703001c..812d424d9b7 100644
--- a/docs/api/accordion-group.md
+++ b/docs/api/accordion-group.md
@@ -1,12 +1,12 @@
---
title: "ion-accordion-group"
---
-import Props from '@site/static/auto-generated/accordion-group/props.md';
-import Events from '@site/static/auto-generated/accordion-group/events.md';
-import Methods from '@site/static/auto-generated/accordion-group/methods.md';
-import Parts from '@site/static/auto-generated/accordion-group/parts.md';
-import CustomProps from '@site/static/auto-generated/accordion-group/custom-props.md';
-import Slots from '@site/static/auto-generated/accordion-group/slots.md';
+import Props from '@site/static/auto-generated/v7/accordion-group/props.md';
+import Events from '@site/static/auto-generated/v7/accordion-group/events.md';
+import Methods from '@site/static/auto-generated/v7/accordion-group/methods.md';
+import Parts from '@site/static/auto-generated/v7/accordion-group/parts.md';
+import CustomProps from '@site/static/auto-generated/v7/accordion-group/custom-props.md';
+import Slots from '@site/static/auto-generated/v7/accordion-group/slots.md';
import EncapsulationPill from '@components/page/api/EncapsulationPill';
diff --git a/docs/api/accordion.md b/docs/api/accordion.md
index 0fb249825c8..ca1f54855fd 100644
--- a/docs/api/accordion.md
+++ b/docs/api/accordion.md
@@ -1,12 +1,12 @@
---
title: "ion-accordion"
---
-import Props from '@site/static/auto-generated/accordion/props.md';
-import Events from '@site/static/auto-generated/accordion/events.md';
-import Methods from '@site/static/auto-generated/accordion/methods.md';
-import Parts from '@site/static/auto-generated/accordion/parts.md';
-import CustomProps from '@site/static/auto-generated/accordion/custom-props.md';
-import Slots from '@site/static/auto-generated/accordion/slots.md';
+import Props from '@site/static/auto-generated/v7/accordion/props.md';
+import Events from '@site/static/auto-generated/v7/accordion/events.md';
+import Methods from '@site/static/auto-generated/v7/accordion/methods.md';
+import Parts from '@site/static/auto-generated/v7/accordion/parts.md';
+import CustomProps from '@site/static/auto-generated/v7/accordion/custom-props.md';
+import Slots from '@site/static/auto-generated/v7/accordion/slots.md';
Ion-Accordion Components: How to Build & Examples | Ionic
diff --git a/docs/api/action-sheet.md b/docs/api/action-sheet.md
index 64943f9fcf2..e33b1ef967b 100644
--- a/docs/api/action-sheet.md
+++ b/docs/api/action-sheet.md
@@ -1,12 +1,12 @@
---
title: "ion-action-sheet"
---
-import Props from '@site/static/auto-generated/action-sheet/props.md';
-import Events from '@site/static/auto-generated/action-sheet/events.md';
-import Methods from '@site/static/auto-generated/action-sheet/methods.md';
-import Parts from '@site/static/auto-generated/action-sheet/parts.md';
-import CustomProps from '@site/static/auto-generated/action-sheet/custom-props.md';
-import Slots from '@site/static/auto-generated/action-sheet/slots.md';
+import Props from '@site/static/auto-generated/v7/action-sheet/props.md';
+import Events from '@site/static/auto-generated/v7/action-sheet/events.md';
+import Methods from '@site/static/auto-generated/v7/action-sheet/methods.md';
+import Parts from '@site/static/auto-generated/v7/action-sheet/parts.md';
+import CustomProps from '@site/static/auto-generated/v7/action-sheet/custom-props.md';
+import Slots from '@site/static/auto-generated/v7/action-sheet/slots.md';
ion-action-sheet | Action Sheet Dialog for iOS and Android Apps
diff --git a/docs/api/alert.md b/docs/api/alert.md
index 66cfe9e147b..f4777f3c052 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 '@site/static/auto-generated/alert/props.md';
-import Events from '@site/static/auto-generated/alert/events.md';
-import Methods from '@site/static/auto-generated/alert/methods.md';
-import Parts from '@site/static/auto-generated/alert/parts.md';
-import CustomProps from '@site/static/auto-generated/alert/custom-props.md';
-import Slots from '@site/static/auto-generated/alert/slots.md';
+import Props from '@site/static/auto-generated/v7/alert/props.md';
+import Events from '@site/static/auto-generated/v7/alert/events.md';
+import Methods from '@site/static/auto-generated/v7/alert/methods.md';
+import Parts from '@site/static/auto-generated/v7/alert/parts.md';
+import CustomProps from '@site/static/auto-generated/v7/alert/custom-props.md';
+import Slots from '@site/static/auto-generated/v7/alert/slots.md';
ion-alert: Ionic API Alert Buttons with Custom Message Prompts
diff --git a/docs/api/app.md b/docs/api/app.md
index 98125d4aa8e..d086092c918 100644
--- a/docs/api/app.md
+++ b/docs/api/app.md
@@ -1,12 +1,12 @@
---
title: "ion-app"
---
-import Props from '@site/static/auto-generated/app/props.md';
-import Events from '@site/static/auto-generated/app/events.md';
-import Methods from '@site/static/auto-generated/app/methods.md';
-import Parts from '@site/static/auto-generated/app/parts.md';
-import CustomProps from '@site/static/auto-generated/app/custom-props.md';
-import Slots from '@site/static/auto-generated/app/slots.md';
+import Props from '@site/static/auto-generated/v7/app/props.md';
+import Events from '@site/static/auto-generated/v7/app/events.md';
+import Methods from '@site/static/auto-generated/v7/app/methods.md';
+import Parts from '@site/static/auto-generated/v7/app/parts.md';
+import CustomProps from '@site/static/auto-generated/v7/app/custom-props.md';
+import Slots from '@site/static/auto-generated/v7/app/slots.md';
ion-app: Container Element for an Ionic Application
diff --git a/docs/api/avatar.md b/docs/api/avatar.md
index ed6cd9db893..da38c24d34c 100644
--- a/docs/api/avatar.md
+++ b/docs/api/avatar.md
@@ -2,12 +2,12 @@
title: "ion-avatar"
---
-import Props from '@site/static/auto-generated/avatar/props.md';
-import Events from '@site/static/auto-generated/avatar/events.md';
-import Methods from '@site/static/auto-generated/avatar/methods.md';
-import Parts from '@site/static/auto-generated/avatar/parts.md';
-import CustomProps from '@site/static/auto-generated/avatar/custom-props.md';
-import Slots from '@site/static/auto-generated/avatar/slots.md';
+import Props from '@site/static/auto-generated/v7/avatar/props.md';
+import Events from '@site/static/auto-generated/v7/avatar/events.md';
+import Methods from '@site/static/auto-generated/v7/avatar/methods.md';
+import Parts from '@site/static/auto-generated/v7/avatar/parts.md';
+import CustomProps from '@site/static/auto-generated/v7/avatar/custom-props.md';
+import Slots from '@site/static/auto-generated/v7/avatar/slots.md';
ion-avatar: Circular Application Avatar Icon Component
diff --git a/docs/api/back-button.md b/docs/api/back-button.md
index 6500a8ab781..6f89ce9e73a 100644
--- a/docs/api/back-button.md
+++ b/docs/api/back-button.md
@@ -1,12 +1,12 @@
---
title: "ion-back-button"
---
-import Props from '@site/static/auto-generated/back-button/props.md';
-import Events from '@site/static/auto-generated/back-button/events.md';
-import Methods from '@site/static/auto-generated/back-button/methods.md';
-import Parts from '@site/static/auto-generated/back-button/parts.md';
-import CustomProps from '@site/static/auto-generated/back-button/custom-props.md';
-import Slots from '@site/static/auto-generated/back-button/slots.md';
+import Props from '@site/static/auto-generated/v7/back-button/props.md';
+import Events from '@site/static/auto-generated/v7/back-button/events.md';
+import Methods from '@site/static/auto-generated/v7/back-button/methods.md';
+import Parts from '@site/static/auto-generated/v7/back-button/parts.md';
+import CustomProps from '@site/static/auto-generated/v7/back-button/custom-props.md';
+import Slots from '@site/static/auto-generated/v7/back-button/slots.md';
Back Button | ion-back-button: Custom Menu Icon for Applications
diff --git a/docs/api/backdrop.md b/docs/api/backdrop.md
index e23d11b0588..53dfc04c3df 100644
--- a/docs/api/backdrop.md
+++ b/docs/api/backdrop.md
@@ -1,12 +1,12 @@
---
title: "ion-backdrop"
---
-import Props from '@site/static/auto-generated/backdrop/props.md';
-import Events from '@site/static/auto-generated/backdrop/events.md';
-import Methods from '@site/static/auto-generated/backdrop/methods.md';
-import Parts from '@site/static/auto-generated/backdrop/parts.md';
-import CustomProps from '@site/static/auto-generated/backdrop/custom-props.md';
-import Slots from '@site/static/auto-generated/backdrop/slots.md';
+import Props from '@site/static/auto-generated/v7/backdrop/props.md';
+import Events from '@site/static/auto-generated/v7/backdrop/events.md';
+import Methods from '@site/static/auto-generated/v7/backdrop/methods.md';
+import Parts from '@site/static/auto-generated/v7/backdrop/parts.md';
+import CustomProps from '@site/static/auto-generated/v7/backdrop/custom-props.md';
+import Slots from '@site/static/auto-generated/v7/backdrop/slots.md';
import EncapsulationPill from '@components/page/api/EncapsulationPill';
diff --git a/docs/api/badge.md b/docs/api/badge.md
index 21e2f298355..79e326e994c 100644
--- a/docs/api/badge.md
+++ b/docs/api/badge.md
@@ -1,12 +1,12 @@
---
title: "ion-badge"
---
-import Props from '@site/static/auto-generated/badge/props.md';
-import Events from '@site/static/auto-generated/badge/events.md';
-import Methods from '@site/static/auto-generated/badge/methods.md';
-import Parts from '@site/static/auto-generated/badge/parts.md';
-import CustomProps from '@site/static/auto-generated/badge/custom-props.md';
-import Slots from '@site/static/auto-generated/badge/slots.md';
+import Props from '@site/static/auto-generated/v7/badge/props.md';
+import Events from '@site/static/auto-generated/v7/badge/events.md';
+import Methods from '@site/static/auto-generated/v7/badge/methods.md';
+import Parts from '@site/static/auto-generated/v7/badge/parts.md';
+import CustomProps from '@site/static/auto-generated/v7/badge/custom-props.md';
+import Slots from '@site/static/auto-generated/v7/badge/slots.md';
Badges | ion-badge: iOS & Android App Notification Badge Icons
diff --git a/docs/api/breadcrumb.md b/docs/api/breadcrumb.md
index 5be2aa6c695..90d12a62816 100644
--- a/docs/api/breadcrumb.md
+++ b/docs/api/breadcrumb.md
@@ -1,12 +1,12 @@
---
title: "ion-breadcrumb"
---
-import Props from '@site/static/auto-generated/breadcrumb/props.md';
-import Events from '@site/static/auto-generated/breadcrumb/events.md';
-import Methods from '@site/static/auto-generated/breadcrumb/methods.md';
-import Parts from '@site/static/auto-generated/breadcrumb/parts.md';
-import CustomProps from '@site/static/auto-generated/breadcrumb/custom-props.md';
-import Slots from '@site/static/auto-generated/breadcrumb/slots.md';
+import Props from '@site/static/auto-generated/v7/breadcrumb/props.md';
+import Events from '@site/static/auto-generated/v7/breadcrumb/events.md';
+import Methods from '@site/static/auto-generated/v7/breadcrumb/methods.md';
+import Parts from '@site/static/auto-generated/v7/breadcrumb/parts.md';
+import CustomProps from '@site/static/auto-generated/v7/breadcrumb/custom-props.md';
+import Slots from '@site/static/auto-generated/v7/breadcrumb/slots.md';
import EncapsulationPill from '@components/page/api/EncapsulationPill';
diff --git a/docs/api/breadcrumbs.md b/docs/api/breadcrumbs.md
index d9a12c4c9a4..113b9930bf5 100644
--- a/docs/api/breadcrumbs.md
+++ b/docs/api/breadcrumbs.md
@@ -1,12 +1,12 @@
---
title: "ion-breadcrumbs"
---
-import Props from '@site/static/auto-generated/breadcrumbs/props.md';
-import Events from '@site/static/auto-generated/breadcrumbs/events.md';
-import Methods from '@site/static/auto-generated/breadcrumbs/methods.md';
-import Parts from '@site/static/auto-generated/breadcrumbs/parts.md';
-import CustomProps from '@site/static/auto-generated/breadcrumbs/custom-props.md';
-import Slots from '@site/static/auto-generated/breadcrumbs/slots.md';
+import Props from '@site/static/auto-generated/v7/breadcrumbs/props.md';
+import Events from '@site/static/auto-generated/v7/breadcrumbs/events.md';
+import Methods from '@site/static/auto-generated/v7/breadcrumbs/methods.md';
+import Parts from '@site/static/auto-generated/v7/breadcrumbs/parts.md';
+import CustomProps from '@site/static/auto-generated/v7/breadcrumbs/custom-props.md';
+import Slots from '@site/static/auto-generated/v7/breadcrumbs/slots.md';
diff --git a/docs/api/button.md b/docs/api/button.md
index b3161ccb0ec..996e67c3156 100644
--- a/docs/api/button.md
+++ b/docs/api/button.md
@@ -1,12 +1,12 @@
---
title: "ion-button"
---
-import Props from '@site/static/auto-generated/button/props.md';
-import Events from '@site/static/auto-generated/button/events.md';
-import Methods from '@site/static/auto-generated/button/methods.md';
-import Parts from '@site/static/auto-generated/button/parts.md';
-import CustomProps from '@site/static/auto-generated/button/custom-props.md';
-import Slots from '@site/static/auto-generated/button/slots.md';
+import Props from '@site/static/auto-generated/v7/button/props.md';
+import Events from '@site/static/auto-generated/v7/button/events.md';
+import Methods from '@site/static/auto-generated/v7/button/methods.md';
+import Parts from '@site/static/auto-generated/v7/button/parts.md';
+import CustomProps from '@site/static/auto-generated/v7/button/custom-props.md';
+import Slots from '@site/static/auto-generated/v7/button/slots.md';
ion-button: Design and Style Buttons with Custom CSS Properties
diff --git a/docs/api/buttons.md b/docs/api/buttons.md
index 3e4db87783f..9a35df622a7 100644
--- a/docs/api/buttons.md
+++ b/docs/api/buttons.md
@@ -1,12 +1,12 @@
---
title: "ion-buttons"
---
-import Props from '@site/static/auto-generated/buttons/props.md';
-import Events from '@site/static/auto-generated/buttons/events.md';
-import Methods from '@site/static/auto-generated/buttons/methods.md';
-import Parts from '@site/static/auto-generated/buttons/parts.md';
-import CustomProps from '@site/static/auto-generated/buttons/custom-props.md';
-import Slots from '@site/static/auto-generated/buttons/slots.md';
+import Props from '@site/static/auto-generated/v7/buttons/props.md';
+import Events from '@site/static/auto-generated/v7/buttons/events.md';
+import Methods from '@site/static/auto-generated/v7/buttons/methods.md';
+import Parts from '@site/static/auto-generated/v7/buttons/parts.md';
+import CustomProps from '@site/static/auto-generated/v7/buttons/custom-props.md';
+import Slots from '@site/static/auto-generated/v7/buttons/slots.md';
ion-buttons: Toolbar Element with Named Slots for Buttons
diff --git a/docs/api/card-content.md b/docs/api/card-content.md
index 647cba00897..12491b3f85b 100644
--- a/docs/api/card-content.md
+++ b/docs/api/card-content.md
@@ -1,12 +1,12 @@
---
title: "ion-card-content"
---
-import Props from '@site/static/auto-generated/card-content/props.md';
-import Events from '@site/static/auto-generated/card-content/events.md';
-import Methods from '@site/static/auto-generated/card-content/methods.md';
-import Parts from '@site/static/auto-generated/card-content/parts.md';
-import CustomProps from '@site/static/auto-generated/card-content/custom-props.md';
-import Slots from '@site/static/auto-generated/card-content/slots.md';
+import Props from '@site/static/auto-generated/v7/card-content/props.md';
+import Events from '@site/static/auto-generated/v7/card-content/events.md';
+import Methods from '@site/static/auto-generated/v7/card-content/methods.md';
+import Parts from '@site/static/auto-generated/v7/card-content/parts.md';
+import CustomProps from '@site/static/auto-generated/v7/card-content/custom-props.md';
+import Slots from '@site/static/auto-generated/v7/card-content/slots.md';
import EncapsulationPill from '@components/page/api/EncapsulationPill';
diff --git a/docs/api/card-header.md b/docs/api/card-header.md
index 2e52467ed43..f52fd1f1713 100644
--- a/docs/api/card-header.md
+++ b/docs/api/card-header.md
@@ -1,12 +1,12 @@
---
title: "ion-card-header"
---
-import Props from '@site/static/auto-generated/card-header/props.md';
-import Events from '@site/static/auto-generated/card-header/events.md';
-import Methods from '@site/static/auto-generated/card-header/methods.md';
-import Parts from '@site/static/auto-generated/card-header/parts.md';
-import CustomProps from '@site/static/auto-generated/card-header/custom-props.md';
-import Slots from '@site/static/auto-generated/card-header/slots.md';
+import Props from '@site/static/auto-generated/v7/card-header/props.md';
+import Events from '@site/static/auto-generated/v7/card-header/events.md';
+import Methods from '@site/static/auto-generated/v7/card-header/methods.md';
+import Parts from '@site/static/auto-generated/v7/card-header/parts.md';
+import CustomProps from '@site/static/auto-generated/v7/card-header/custom-props.md';
+import Slots from '@site/static/auto-generated/v7/card-header/slots.md';
import EncapsulationPill from '@components/page/api/EncapsulationPill';
diff --git a/docs/api/card-subtitle.md b/docs/api/card-subtitle.md
index ec72784cd99..6cd6d26ebbe 100644
--- a/docs/api/card-subtitle.md
+++ b/docs/api/card-subtitle.md
@@ -1,12 +1,12 @@
---
title: "ion-card-subtitle"
---
-import Props from '@site/static/auto-generated/card-subtitle/props.md';
-import Events from '@site/static/auto-generated/card-subtitle/events.md';
-import Methods from '@site/static/auto-generated/card-subtitle/methods.md';
-import Parts from '@site/static/auto-generated/card-subtitle/parts.md';
-import CustomProps from '@site/static/auto-generated/card-subtitle/custom-props.md';
-import Slots from '@site/static/auto-generated/card-subtitle/slots.md';
+import Props from '@site/static/auto-generated/v7/card-subtitle/props.md';
+import Events from '@site/static/auto-generated/v7/card-subtitle/events.md';
+import Methods from '@site/static/auto-generated/v7/card-subtitle/methods.md';
+import Parts from '@site/static/auto-generated/v7/card-subtitle/parts.md';
+import CustomProps from '@site/static/auto-generated/v7/card-subtitle/custom-props.md';
+import Slots from '@site/static/auto-generated/v7/card-subtitle/slots.md';
import EncapsulationPill from '@components/page/api/EncapsulationPill';
diff --git a/docs/api/card-title.md b/docs/api/card-title.md
index 33b24158eb5..95235449afe 100644
--- a/docs/api/card-title.md
+++ b/docs/api/card-title.md
@@ -1,12 +1,12 @@
---
title: "ion-card-title"
---
-import Props from '@site/static/auto-generated/card-title/props.md';
-import Events from '@site/static/auto-generated/card-title/events.md';
-import Methods from '@site/static/auto-generated/card-title/methods.md';
-import Parts from '@site/static/auto-generated/card-title/parts.md';
-import CustomProps from '@site/static/auto-generated/card-title/custom-props.md';
-import Slots from '@site/static/auto-generated/card-title/slots.md';
+import Props from '@site/static/auto-generated/v7/card-title/props.md';
+import Events from '@site/static/auto-generated/v7/card-title/events.md';
+import Methods from '@site/static/auto-generated/v7/card-title/methods.md';
+import Parts from '@site/static/auto-generated/v7/card-title/parts.md';
+import CustomProps from '@site/static/auto-generated/v7/card-title/custom-props.md';
+import Slots from '@site/static/auto-generated/v7/card-title/slots.md';
import EncapsulationPill from '@components/page/api/EncapsulationPill';
diff --git a/docs/api/card.md b/docs/api/card.md
index b9419281ab6..4add37999f0 100644
--- a/docs/api/card.md
+++ b/docs/api/card.md
@@ -1,12 +1,12 @@
---
title: "ion-card"
---
-import Props from '@site/static/auto-generated/card/props.md';
-import Events from '@site/static/auto-generated/card/events.md';
-import Methods from '@site/static/auto-generated/card/methods.md';
-import Parts from '@site/static/auto-generated/card/parts.md';
-import CustomProps from '@site/static/auto-generated/card/custom-props.md';
-import Slots from '@site/static/auto-generated/card/slots.md';
+import Props from '@site/static/auto-generated/v7/card/props.md';
+import Events from '@site/static/auto-generated/v7/card/events.md';
+import Methods from '@site/static/auto-generated/v7/card/methods.md';
+import Parts from '@site/static/auto-generated/v7/card/parts.md';
+import CustomProps from '@site/static/auto-generated/v7/card/custom-props.md';
+import Slots from '@site/static/auto-generated/v7/card/slots.md';
import EncapsulationPill from '@components/page/api/EncapsulationPill';
diff --git a/docs/api/checkbox.md b/docs/api/checkbox.md
index c861b994ff1..d16480b71af 100644
--- a/docs/api/checkbox.md
+++ b/docs/api/checkbox.md
@@ -2,12 +2,12 @@
title: "ion-checkbox"
---
-import Props from '@site/static/auto-generated/checkbox/props.md';
-import Events from '@site/static/auto-generated/checkbox/events.md';
-import Methods from '@site/static/auto-generated/checkbox/methods.md';
-import Parts from '@site/static/auto-generated/checkbox/parts.md';
-import CustomProps from '@site/static/auto-generated/checkbox/custom-props.md';
-import Slots from '@site/static/auto-generated/checkbox/slots.md';
+import Props from '@site/static/auto-generated/v7/checkbox/props.md';
+import Events from '@site/static/auto-generated/v7/checkbox/events.md';
+import Methods from '@site/static/auto-generated/v7/checkbox/methods.md';
+import Parts from '@site/static/auto-generated/v7/checkbox/parts.md';
+import CustomProps from '@site/static/auto-generated/v7/checkbox/custom-props.md';
+import Slots from '@site/static/auto-generated/v7/checkbox/slots.md';
ion-checkboxes: Ionic App Component to Select Multiple Options
diff --git a/docs/api/chip.md b/docs/api/chip.md
index e032f7e5e0e..7b1203a8ea9 100644
--- a/docs/api/chip.md
+++ b/docs/api/chip.md
@@ -1,12 +1,12 @@
---
title: "ion-chip"
---
-import Props from '@site/static/auto-generated/chip/props.md';
-import Events from '@site/static/auto-generated/chip/events.md';
-import Methods from '@site/static/auto-generated/chip/methods.md';
-import Parts from '@site/static/auto-generated/chip/parts.md';
-import CustomProps from '@site/static/auto-generated/chip/custom-props.md';
-import Slots from '@site/static/auto-generated/chip/slots.md';
+import Props from '@site/static/auto-generated/v7/chip/props.md';
+import Events from '@site/static/auto-generated/v7/chip/events.md';
+import Methods from '@site/static/auto-generated/v7/chip/methods.md';
+import Parts from '@site/static/auto-generated/v7/chip/parts.md';
+import CustomProps from '@site/static/auto-generated/v7/chip/custom-props.md';
+import Slots from '@site/static/auto-generated/v7/chip/slots.md';
ion-chip: Name, Text, Icon and Avatar for Ionic Framework Apps
diff --git a/docs/api/col.md b/docs/api/col.md
index e5872b4f6a1..3bdc85b5c40 100644
--- a/docs/api/col.md
+++ b/docs/api/col.md
@@ -1,12 +1,12 @@
---
title: "ion-col"
---
-import Props from '@site/static/auto-generated/col/props.md';
-import Events from '@site/static/auto-generated/col/events.md';
-import Methods from '@site/static/auto-generated/col/methods.md';
-import Parts from '@site/static/auto-generated/col/parts.md';
-import CustomProps from '@site/static/auto-generated/col/custom-props.md';
-import Slots from '@site/static/auto-generated/col/slots.md';
+import Props from '@site/static/auto-generated/v7/col/props.md';
+import Events from '@site/static/auto-generated/v7/col/events.md';
+import Methods from '@site/static/auto-generated/v7/col/methods.md';
+import Parts from '@site/static/auto-generated/v7/col/parts.md';
+import CustomProps from '@site/static/auto-generated/v7/col/custom-props.md';
+import Slots from '@site/static/auto-generated/v7/col/slots.md';
ion-col: Column Component Padding, Size and Other Properties
diff --git a/docs/api/content.md b/docs/api/content.md
index a0feb3f2ccd..10d7d8b327e 100644
--- a/docs/api/content.md
+++ b/docs/api/content.md
@@ -1,12 +1,12 @@
---
title: "ion-content"
---
-import Props from '@site/static/auto-generated/content/props.md';
-import Events from '@site/static/auto-generated/content/events.md';
-import Methods from '@site/static/auto-generated/content/methods.md';
-import Parts from '@site/static/auto-generated/content/parts.md';
-import CustomProps from '@site/static/auto-generated/content/custom-props.md';
-import Slots from '@site/static/auto-generated/content/slots.md';
+import Props from '@site/static/auto-generated/v7/content/props.md';
+import Events from '@site/static/auto-generated/v7/content/events.md';
+import Methods from '@site/static/auto-generated/v7/content/methods.md';
+import Parts from '@site/static/auto-generated/v7/content/parts.md';
+import CustomProps from '@site/static/auto-generated/v7/content/custom-props.md';
+import Slots from '@site/static/auto-generated/v7/content/slots.md';
ion-content: Scrollable CSS Component for Ionic App Content Areas
diff --git a/docs/api/datetime-button.md b/docs/api/datetime-button.md
index a17b50b498f..839bc52afd5 100644
--- a/docs/api/datetime-button.md
+++ b/docs/api/datetime-button.md
@@ -1,12 +1,12 @@
---
title: "ion-datetime-button"
---
-import Props from '@site/static/auto-generated/datetime-button/props.md';
-import Events from '@site/static/auto-generated/datetime-button/events.md';
-import Methods from '@site/static/auto-generated/datetime-button/methods.md';
-import Parts from '@site/static/auto-generated/datetime-button/parts.md';
-import CustomProps from '@site/static/auto-generated/datetime-button/custom-props.md';
-import Slots from '@site/static/auto-generated/datetime-button/slots.md';
+import Props from '@site/static/auto-generated/v7/datetime-button/props.md';
+import Events from '@site/static/auto-generated/v7/datetime-button/events.md';
+import Methods from '@site/static/auto-generated/v7/datetime-button/methods.md';
+import Parts from '@site/static/auto-generated/v7/datetime-button/parts.md';
+import CustomProps from '@site/static/auto-generated/v7/datetime-button/custom-props.md';
+import Slots from '@site/static/auto-generated/v7/datetime-button/slots.md';
ion-datetime-button: Ionic API Input for interacting with Datetime picker
diff --git a/docs/api/datetime.md b/docs/api/datetime.md
index ab856254cac..07470a006cf 100644
--- a/docs/api/datetime.md
+++ b/docs/api/datetime.md
@@ -1,12 +1,12 @@
---
title: "ion-datetime"
---
-import Props from '@site/static/auto-generated/datetime/props.md';
-import Events from '@site/static/auto-generated/datetime/events.md';
-import Methods from '@site/static/auto-generated/datetime/methods.md';
-import Parts from '@site/static/auto-generated/datetime/parts.md';
-import CustomProps from '@site/static/auto-generated/datetime/custom-props.md';
-import Slots from '@site/static/auto-generated/datetime/slots.md';
+import Props from '@site/static/auto-generated/v7/datetime/props.md';
+import Events from '@site/static/auto-generated/v7/datetime/events.md';
+import Methods from '@site/static/auto-generated/v7/datetime/methods.md';
+import Parts from '@site/static/auto-generated/v7/datetime/parts.md';
+import CustomProps from '@site/static/auto-generated/v7/datetime/custom-props.md';
+import Slots from '@site/static/auto-generated/v7/datetime/slots.md';
import Basic from '@site/static/usage/v7/datetime/basic/index.md';
diff --git a/docs/api/fab-button.md b/docs/api/fab-button.md
index ab86a48426e..2b27ed12f64 100644
--- a/docs/api/fab-button.md
+++ b/docs/api/fab-button.md
@@ -1,12 +1,12 @@
---
title: "ion-fab-button"
---
-import Props from '@site/static/auto-generated/fab-button/props.md';
-import Events from '@site/static/auto-generated/fab-button/events.md';
-import Methods from '@site/static/auto-generated/fab-button/methods.md';
-import Parts from '@site/static/auto-generated/fab-button/parts.md';
-import CustomProps from '@site/static/auto-generated/fab-button/custom-props.md';
-import Slots from '@site/static/auto-generated/fab-button/slots.md';
+import Props from '@site/static/auto-generated/v7/fab-button/props.md';
+import Events from '@site/static/auto-generated/v7/fab-button/events.md';
+import Methods from '@site/static/auto-generated/v7/fab-button/methods.md';
+import Parts from '@site/static/auto-generated/v7/fab-button/parts.md';
+import CustomProps from '@site/static/auto-generated/v7/fab-button/custom-props.md';
+import Slots from '@site/static/auto-generated/v7/fab-button/slots.md';
Floating Action Button | Ionic FAB Button Icon for Primary Action
diff --git a/docs/api/fab-list.md b/docs/api/fab-list.md
index a0659a394d7..9d760fa7cf6 100644
--- a/docs/api/fab-list.md
+++ b/docs/api/fab-list.md
@@ -1,12 +1,12 @@
---
title: "ion-fab-list"
---
-import Props from '@site/static/auto-generated/fab-list/props.md';
-import Events from '@site/static/auto-generated/fab-list/events.md';
-import Methods from '@site/static/auto-generated/fab-list/methods.md';
-import Parts from '@site/static/auto-generated/fab-list/parts.md';
-import CustomProps from '@site/static/auto-generated/fab-list/custom-props.md';
-import Slots from '@site/static/auto-generated/fab-list/slots.md';
+import Props from '@site/static/auto-generated/v7/fab-list/props.md';
+import Events from '@site/static/auto-generated/v7/fab-list/events.md';
+import Methods from '@site/static/auto-generated/v7/fab-list/methods.md';
+import Parts from '@site/static/auto-generated/v7/fab-list/parts.md';
+import CustomProps from '@site/static/auto-generated/v7/fab-list/custom-props.md';
+import Slots from '@site/static/auto-generated/v7/fab-list/slots.md';
import EncapsulationPill from '@components/page/api/EncapsulationPill';
diff --git a/docs/api/fab.md b/docs/api/fab.md
index 55ce35332fb..c5e11be78fa 100644
--- a/docs/api/fab.md
+++ b/docs/api/fab.md
@@ -1,12 +1,12 @@
---
title: "ion-fab"
---
-import Props from '@site/static/auto-generated/fab/props.md';
-import Events from '@site/static/auto-generated/fab/events.md';
-import Methods from '@site/static/auto-generated/fab/methods.md';
-import Parts from '@site/static/auto-generated/fab/parts.md';
-import CustomProps from '@site/static/auto-generated/fab/custom-props.md';
-import Slots from '@site/static/auto-generated/fab/slots.md';
+import Props from '@site/static/auto-generated/v7/fab/props.md';
+import Events from '@site/static/auto-generated/v7/fab/events.md';
+import Methods from '@site/static/auto-generated/v7/fab/methods.md';
+import Parts from '@site/static/auto-generated/v7/fab/parts.md';
+import CustomProps from '@site/static/auto-generated/v7/fab/custom-props.md';
+import Slots from '@site/static/auto-generated/v7/fab/slots.md';
ion-fab: Floating Action Button for Android and iOS Ionic Apps
diff --git a/docs/api/footer.md b/docs/api/footer.md
index b5298d7bccd..5dc63ef0501 100644
--- a/docs/api/footer.md
+++ b/docs/api/footer.md
@@ -1,12 +1,12 @@
---
title: "ion-footer"
---
-import Props from '@site/static/auto-generated/footer/props.md';
-import Events from '@site/static/auto-generated/footer/events.md';
-import Methods from '@site/static/auto-generated/footer/methods.md';
-import Parts from '@site/static/auto-generated/footer/parts.md';
-import CustomProps from '@site/static/auto-generated/footer/custom-props.md';
-import Slots from '@site/static/auto-generated/footer/slots.md';
+import Props from '@site/static/auto-generated/v7/footer/props.md';
+import Events from '@site/static/auto-generated/v7/footer/events.md';
+import Methods from '@site/static/auto-generated/v7/footer/methods.md';
+import Parts from '@site/static/auto-generated/v7/footer/parts.md';
+import CustomProps from '@site/static/auto-generated/v7/footer/custom-props.md';
+import Slots from '@site/static/auto-generated/v7/footer/slots.md';
Page Footer | Ionic App Footer: Wrapper Root Page Component
diff --git a/docs/api/grid.md b/docs/api/grid.md
index 30b504cd3cf..25b30f89122 100644
--- a/docs/api/grid.md
+++ b/docs/api/grid.md
@@ -1,12 +1,12 @@
---
title: "ion-grid"
---
-import Props from '@site/static/auto-generated/grid/props.md';
-import Events from '@site/static/auto-generated/grid/events.md';
-import Methods from '@site/static/auto-generated/grid/methods.md';
-import Parts from '@site/static/auto-generated/grid/parts.md';
-import CustomProps from '@site/static/auto-generated/grid/custom-props.md';
-import Slots from '@site/static/auto-generated/grid/slots.md';
+import Props from '@site/static/auto-generated/v7/grid/props.md';
+import Events from '@site/static/auto-generated/v7/grid/events.md';
+import Methods from '@site/static/auto-generated/v7/grid/methods.md';
+import Parts from '@site/static/auto-generated/v7/grid/parts.md';
+import CustomProps from '@site/static/auto-generated/v7/grid/custom-props.md';
+import Slots from '@site/static/auto-generated/v7/grid/slots.md';
Ion-Grid: Display Grids to Build Mobile-First Custom App Layout
diff --git a/docs/api/header.md b/docs/api/header.md
index 7288b636abe..14b0a33f32f 100644
--- a/docs/api/header.md
+++ b/docs/api/header.md
@@ -1,12 +1,12 @@
---
title: "ion-header"
---
-import Props from '@site/static/auto-generated/header/props.md';
-import Events from '@site/static/auto-generated/header/events.md';
-import Methods from '@site/static/auto-generated/header/methods.md';
-import Parts from '@site/static/auto-generated/header/parts.md';
-import CustomProps from '@site/static/auto-generated/header/custom-props.md';
-import Slots from '@site/static/auto-generated/header/slots.md';
+import Props from '@site/static/auto-generated/v7/header/props.md';
+import Events from '@site/static/auto-generated/v7/header/events.md';
+import Methods from '@site/static/auto-generated/v7/header/methods.md';
+import Parts from '@site/static/auto-generated/v7/header/parts.md';
+import CustomProps from '@site/static/auto-generated/v7/header/custom-props.md';
+import Slots from '@site/static/auto-generated/v7/header/slots.md';
ion-header: Header Parent Component for Ionic Framework Apps
diff --git a/docs/api/img.md b/docs/api/img.md
index 14c697c760d..ae1d9e701df 100644
--- a/docs/api/img.md
+++ b/docs/api/img.md
@@ -2,12 +2,12 @@
title: "ion-img"
---
-import Props from '@site/static/auto-generated/img/props.md';
-import Events from '@site/static/auto-generated/img/events.md';
-import Methods from '@site/static/auto-generated/img/methods.md';
-import Parts from '@site/static/auto-generated/img/parts.md';
-import CustomProps from '@site/static/auto-generated/img/custom-props.md';
-import Slots from '@site/static/auto-generated/img/slots.md';
+import Props from '@site/static/auto-generated/v7/img/props.md';
+import Events from '@site/static/auto-generated/v7/img/events.md';
+import Methods from '@site/static/auto-generated/v7/img/methods.md';
+import Parts from '@site/static/auto-generated/v7/img/parts.md';
+import CustomProps from '@site/static/auto-generated/v7/img/custom-props.md';
+import Slots from '@site/static/auto-generated/v7/img/slots.md';
Img Tag to Lazy Load Images in Viewport | ion-img Tag
diff --git a/docs/api/infinite-scroll-content.md b/docs/api/infinite-scroll-content.md
index 2647dffdb87..100c7844e42 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 '@site/static/auto-generated/infinite-scroll-content/props.md';
-import Events from '@site/static/auto-generated/infinite-scroll-content/events.md';
-import Methods from '@site/static/auto-generated/infinite-scroll-content/methods.md';
-import Parts from '@site/static/auto-generated/infinite-scroll-content/parts.md';
-import CustomProps from '@site/static/auto-generated/infinite-scroll-content/custom-props.md';
-import Slots from '@site/static/auto-generated/infinite-scroll-content/slots.md';
+import Props from '@site/static/auto-generated/v7/infinite-scroll-content/props.md';
+import Events from '@site/static/auto-generated/v7/infinite-scroll-content/events.md';
+import Methods from '@site/static/auto-generated/v7/infinite-scroll-content/methods.md';
+import Parts from '@site/static/auto-generated/v7/infinite-scroll-content/parts.md';
+import CustomProps from '@site/static/auto-generated/v7/infinite-scroll-content/custom-props.md';
+import Slots from '@site/static/auto-generated/v7/infinite-scroll-content/slots.md';
import EncapsulationPill from '@components/page/api/EncapsulationPill';
diff --git a/docs/api/infinite-scroll.md b/docs/api/infinite-scroll.md
index 5675984b447..60710d1933f 100644
--- a/docs/api/infinite-scroll.md
+++ b/docs/api/infinite-scroll.md
@@ -2,12 +2,12 @@
title: "ion-infinite-scroll"
---
-import Props from '@site/static/auto-generated/infinite-scroll/props.md';
-import Events from '@site/static/auto-generated/infinite-scroll/events.md';
-import Methods from '@site/static/auto-generated/infinite-scroll/methods.md';
-import Parts from '@site/static/auto-generated/infinite-scroll/parts.md';
-import CustomProps from '@site/static/auto-generated/infinite-scroll/custom-props.md';
-import Slots from '@site/static/auto-generated/infinite-scroll/slots.md';
+import Props from '@site/static/auto-generated/v7/infinite-scroll/props.md';
+import Events from '@site/static/auto-generated/v7/infinite-scroll/events.md';
+import Methods from '@site/static/auto-generated/v7/infinite-scroll/methods.md';
+import Parts from '@site/static/auto-generated/v7/infinite-scroll/parts.md';
+import CustomProps from '@site/static/auto-generated/v7/infinite-scroll/custom-props.md';
+import Slots from '@site/static/auto-generated/v7/infinite-scroll/slots.md';
Infinite Scroller | ion-infinite-scroll Action Component
diff --git a/docs/api/input.md b/docs/api/input.md
index 4d7df8eef12..78f897c2323 100644
--- a/docs/api/input.md
+++ b/docs/api/input.md
@@ -1,12 +1,12 @@
---
title: "ion-input"
---
-import Props from '@site/static/auto-generated/input/props.md';
-import Events from '@site/static/auto-generated/input/events.md';
-import Methods from '@site/static/auto-generated/input/methods.md';
-import Parts from '@site/static/auto-generated/input/parts.md';
-import CustomProps from '@site/static/auto-generated/input/custom-props.md';
-import Slots from '@site/static/auto-generated/input/slots.md';
+import Props from '@site/static/auto-generated/v7/input/props.md';
+import Events from '@site/static/auto-generated/v7/input/events.md';
+import Methods from '@site/static/auto-generated/v7/input/methods.md';
+import Parts from '@site/static/auto-generated/v7/input/parts.md';
+import CustomProps from '@site/static/auto-generated/v7/input/custom-props.md';
+import Slots from '@site/static/auto-generated/v7/input/slots.md';
ion-input: Custom Input Value Type Styling and CSS Properties
diff --git a/docs/api/item-divider.md b/docs/api/item-divider.md
index 0f4dd8c40f8..af7f01b6872 100644
--- a/docs/api/item-divider.md
+++ b/docs/api/item-divider.md
@@ -1,12 +1,12 @@
---
title: "ion-item-divider"
---
-import Props from '@site/static/auto-generated/item-divider/props.md';
-import Events from '@site/static/auto-generated/item-divider/events.md';
-import Methods from '@site/static/auto-generated/item-divider/methods.md';
-import Parts from '@site/static/auto-generated/item-divider/parts.md';
-import CustomProps from '@site/static/auto-generated/item-divider/custom-props.md';
-import Slots from '@site/static/auto-generated/item-divider/slots.md';
+import Props from '@site/static/auto-generated/v7/item-divider/props.md';
+import Events from '@site/static/auto-generated/v7/item-divider/events.md';
+import Methods from '@site/static/auto-generated/v7/item-divider/methods.md';
+import Parts from '@site/static/auto-generated/v7/item-divider/parts.md';
+import CustomProps from '@site/static/auto-generated/v7/item-divider/custom-props.md';
+import Slots from '@site/static/auto-generated/v7/item-divider/slots.md';
Item Divider | List Item Divider Block Element for Ionic Apps
diff --git a/docs/api/item-group.md b/docs/api/item-group.md
index 60cf8b09383..2f889cdbd70 100644
--- a/docs/api/item-group.md
+++ b/docs/api/item-group.md
@@ -1,12 +1,12 @@
---
title: "ion-item-group"
---
-import Props from '@site/static/auto-generated/item-group/props.md';
-import Events from '@site/static/auto-generated/item-group/events.md';
-import Methods from '@site/static/auto-generated/item-group/methods.md';
-import Parts from '@site/static/auto-generated/item-group/parts.md';
-import CustomProps from '@site/static/auto-generated/item-group/custom-props.md';
-import Slots from '@site/static/auto-generated/item-group/slots.md';
+import Props from '@site/static/auto-generated/v7/item-group/props.md';
+import Events from '@site/static/auto-generated/v7/item-group/events.md';
+import Methods from '@site/static/auto-generated/v7/item-group/methods.md';
+import Parts from '@site/static/auto-generated/v7/item-group/parts.md';
+import CustomProps from '@site/static/auto-generated/v7/item-group/custom-props.md';
+import Slots from '@site/static/auto-generated/v7/item-group/slots.md';
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 800d1030f50..8077cead325 100644
--- a/docs/api/item-option.md
+++ b/docs/api/item-option.md
@@ -1,12 +1,12 @@
---
title: "ion-item-option"
---
-import Props from '@site/static/auto-generated/item-option/props.md';
-import Events from '@site/static/auto-generated/item-option/events.md';
-import Methods from '@site/static/auto-generated/item-option/methods.md';
-import Parts from '@site/static/auto-generated/item-option/parts.md';
-import CustomProps from '@site/static/auto-generated/item-option/custom-props.md';
-import Slots from '@site/static/auto-generated/item-option/slots.md';
+import Props from '@site/static/auto-generated/v7/item-option/props.md';
+import Events from '@site/static/auto-generated/v7/item-option/events.md';
+import Methods from '@site/static/auto-generated/v7/item-option/methods.md';
+import Parts from '@site/static/auto-generated/v7/item-option/parts.md';
+import CustomProps from '@site/static/auto-generated/v7/item-option/custom-props.md';
+import Slots from '@site/static/auto-generated/v7/item-option/slots.md';
ion-item-options: Option Button Components for Ionic Apps
diff --git a/docs/api/item-options.md b/docs/api/item-options.md
index cbee8f5289b..02a5bcae3c5 100644
--- a/docs/api/item-options.md
+++ b/docs/api/item-options.md
@@ -1,12 +1,12 @@
---
title: "ion-item-options"
---
-import Props from '@site/static/auto-generated/item-options/props.md';
-import Events from '@site/static/auto-generated/item-options/events.md';
-import Methods from '@site/static/auto-generated/item-options/methods.md';
-import Parts from '@site/static/auto-generated/item-options/parts.md';
-import CustomProps from '@site/static/auto-generated/item-options/custom-props.md';
-import Slots from '@site/static/auto-generated/item-options/slots.md';
+import Props from '@site/static/auto-generated/v7/item-options/props.md';
+import Events from '@site/static/auto-generated/v7/item-options/events.md';
+import Methods from '@site/static/auto-generated/v7/item-options/methods.md';
+import Parts from '@site/static/auto-generated/v7/item-options/parts.md';
+import CustomProps from '@site/static/auto-generated/v7/item-options/custom-props.md';
+import Slots from '@site/static/auto-generated/v7/item-options/slots.md';
ion-item-options: Option Button Components for Ionic Apps
diff --git a/docs/api/item-sliding.md b/docs/api/item-sliding.md
index 526f4d1263b..2ceb046d4ad 100644
--- a/docs/api/item-sliding.md
+++ b/docs/api/item-sliding.md
@@ -1,12 +1,12 @@
---
title: "ion-item-sliding"
---
-import Props from '@site/static/auto-generated/item-sliding/props.md';
-import Events from '@site/static/auto-generated/item-sliding/events.md';
-import Methods from '@site/static/auto-generated/item-sliding/methods.md';
-import Parts from '@site/static/auto-generated/item-sliding/parts.md';
-import CustomProps from '@site/static/auto-generated/item-sliding/custom-props.md';
-import Slots from '@site/static/auto-generated/item-sliding/slots.md';
+import Props from '@site/static/auto-generated/v7/item-sliding/props.md';
+import Events from '@site/static/auto-generated/v7/item-sliding/events.md';
+import Methods from '@site/static/auto-generated/v7/item-sliding/methods.md';
+import Parts from '@site/static/auto-generated/v7/item-sliding/parts.md';
+import CustomProps from '@site/static/auto-generated/v7/item-sliding/custom-props.md';
+import Slots from '@site/static/auto-generated/v7/item-sliding/slots.md';
Slide Buttons | Slide Right to Left with ion-item-sliding
diff --git a/docs/api/item.md b/docs/api/item.md
index 09f89b1132b..067912f6c65 100644
--- a/docs/api/item.md
+++ b/docs/api/item.md
@@ -1,12 +1,12 @@
---
title: "ion-item"
---
-import Props from '@site/static/auto-generated/item/props.md';
-import Events from '@site/static/auto-generated/item/events.md';
-import Methods from '@site/static/auto-generated/item/methods.md';
-import Parts from '@site/static/auto-generated/item/parts.md';
-import CustomProps from '@site/static/auto-generated/item/custom-props.md';
-import Slots from '@site/static/auto-generated/item/slots.md';
+import Props from '@site/static/auto-generated/v7/item/props.md';
+import Events from '@site/static/auto-generated/v7/item/events.md';
+import Methods from '@site/static/auto-generated/v7/item/methods.md';
+import Parts from '@site/static/auto-generated/v7/item/parts.md';
+import CustomProps from '@site/static/auto-generated/v7/item/custom-props.md';
+import Slots from '@site/static/auto-generated/v7/item/slots.md';
ion-item: Input, Edit, or Delete iOS and Android Item Elements
diff --git a/docs/api/label.md b/docs/api/label.md
index a7b6422775e..f2f848bb7c9 100644
--- a/docs/api/label.md
+++ b/docs/api/label.md
@@ -1,12 +1,12 @@
---
title: "ion-label"
---
-import Props from '@site/static/auto-generated/label/props.md';
-import Events from '@site/static/auto-generated/label/events.md';
-import Methods from '@site/static/auto-generated/label/methods.md';
-import Parts from '@site/static/auto-generated/label/parts.md';
-import CustomProps from '@site/static/auto-generated/label/custom-props.md';
-import Slots from '@site/static/auto-generated/label/slots.md';
+import Props from '@site/static/auto-generated/v7/label/props.md';
+import Events from '@site/static/auto-generated/v7/label/events.md';
+import Methods from '@site/static/auto-generated/v7/label/methods.md';
+import Parts from '@site/static/auto-generated/v7/label/parts.md';
+import CustomProps from '@site/static/auto-generated/v7/label/custom-props.md';
+import Slots from '@site/static/auto-generated/v7/label/slots.md';
Item Label Color and Properties for Applications | ion-label
diff --git a/docs/api/list-header.md b/docs/api/list-header.md
index f2ecb781627..7777059bf3c 100644
--- a/docs/api/list-header.md
+++ b/docs/api/list-header.md
@@ -1,12 +1,12 @@
---
title: "ion-list-header"
---
-import Props from '@site/static/auto-generated/list-header/props.md';
-import Events from '@site/static/auto-generated/list-header/events.md';
-import Methods from '@site/static/auto-generated/list-header/methods.md';
-import Parts from '@site/static/auto-generated/list-header/parts.md';
-import CustomProps from '@site/static/auto-generated/list-header/custom-props.md';
-import Slots from '@site/static/auto-generated/list-header/slots.md';
+import Props from '@site/static/auto-generated/v7/list-header/props.md';
+import Events from '@site/static/auto-generated/v7/list-header/events.md';
+import Methods from '@site/static/auto-generated/v7/list-header/methods.md';
+import Parts from '@site/static/auto-generated/v7/list-header/parts.md';
+import CustomProps from '@site/static/auto-generated/v7/list-header/custom-props.md';
+import Slots from '@site/static/auto-generated/v7/list-header/slots.md';
import EncapsulationPill from '@components/page/api/EncapsulationPill';
diff --git a/docs/api/list.md b/docs/api/list.md
index b5907823923..15f264693e6 100644
--- a/docs/api/list.md
+++ b/docs/api/list.md
@@ -1,12 +1,12 @@
---
title: "ion-list"
---
-import Props from '@site/static/auto-generated/list/props.md';
-import Events from '@site/static/auto-generated/list/events.md';
-import Methods from '@site/static/auto-generated/list/methods.md';
-import Parts from '@site/static/auto-generated/list/parts.md';
-import CustomProps from '@site/static/auto-generated/list/custom-props.md';
-import Slots from '@site/static/auto-generated/list/slots.md';
+import Props from '@site/static/auto-generated/v7/list/props.md';
+import Events from '@site/static/auto-generated/v7/list/events.md';
+import Methods from '@site/static/auto-generated/v7/list/methods.md';
+import Parts from '@site/static/auto-generated/v7/list/parts.md';
+import CustomProps from '@site/static/auto-generated/v7/list/custom-props.md';
+import Slots from '@site/static/auto-generated/v7/list/slots.md';
ion-list: Item List View Component for iOS and Android Apps
diff --git a/docs/api/loading.md b/docs/api/loading.md
index f4e4f04f00c..03b6657d0dd 100644
--- a/docs/api/loading.md
+++ b/docs/api/loading.md
@@ -1,12 +1,12 @@
---
title: "ion-loading"
---
-import Props from '@site/static/auto-generated/loading/props.md';
-import Events from '@site/static/auto-generated/loading/events.md';
-import Methods from '@site/static/auto-generated/loading/methods.md';
-import Parts from '@site/static/auto-generated/loading/parts.md';
-import CustomProps from '@site/static/auto-generated/loading/custom-props.md';
-import Slots from '@site/static/auto-generated/loading/slots.md';
+import Props from '@site/static/auto-generated/v7/loading/props.md';
+import Events from '@site/static/auto-generated/v7/loading/events.md';
+import Methods from '@site/static/auto-generated/v7/loading/methods.md';
+import Parts from '@site/static/auto-generated/v7/loading/parts.md';
+import CustomProps from '@site/static/auto-generated/v7/loading/custom-props.md';
+import Slots from '@site/static/auto-generated/v7/loading/slots.md';
Loading | Application Loading Indicator Overlay | ion-loading
diff --git a/docs/api/menu-button.md b/docs/api/menu-button.md
index adba980b958..d5e77f4078f 100644
--- a/docs/api/menu-button.md
+++ b/docs/api/menu-button.md
@@ -1,12 +1,12 @@
---
title: "ion-menu-button"
---
-import Props from '@site/static/auto-generated/menu-button/props.md';
-import Events from '@site/static/auto-generated/menu-button/events.md';
-import Methods from '@site/static/auto-generated/menu-button/methods.md';
-import Parts from '@site/static/auto-generated/menu-button/parts.md';
-import CustomProps from '@site/static/auto-generated/menu-button/custom-props.md';
-import Slots from '@site/static/auto-generated/menu-button/slots.md';
+import Props from '@site/static/auto-generated/v7/menu-button/props.md';
+import Events from '@site/static/auto-generated/v7/menu-button/events.md';
+import Methods from '@site/static/auto-generated/v7/menu-button/methods.md';
+import Parts from '@site/static/auto-generated/v7/menu-button/parts.md';
+import CustomProps from '@site/static/auto-generated/v7/menu-button/custom-props.md';
+import Slots from '@site/static/auto-generated/v7/menu-button/slots.md';
Menu Button | ion-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 e6a10201362..a277a8ef257 100644
--- a/docs/api/menu-toggle.md
+++ b/docs/api/menu-toggle.md
@@ -1,12 +1,12 @@
---
title: "ion-menu-toggle"
---
-import Props from '@site/static/auto-generated/menu-toggle/props.md';
-import Events from '@site/static/auto-generated/menu-toggle/events.md';
-import Methods from '@site/static/auto-generated/menu-toggle/methods.md';
-import Parts from '@site/static/auto-generated/menu-toggle/parts.md';
-import CustomProps from '@site/static/auto-generated/menu-toggle/custom-props.md';
-import Slots from '@site/static/auto-generated/menu-toggle/slots.md';
+import Props from '@site/static/auto-generated/v7/menu-toggle/props.md';
+import Events from '@site/static/auto-generated/v7/menu-toggle/events.md';
+import Methods from '@site/static/auto-generated/v7/menu-toggle/methods.md';
+import Parts from '@site/static/auto-generated/v7/menu-toggle/parts.md';
+import CustomProps from '@site/static/auto-generated/v7/menu-toggle/custom-props.md';
+import Slots from '@site/static/auto-generated/v7/menu-toggle/slots.md';
ion-menu-toggle | MenuToggle Component to Open/Close Active Menus
diff --git a/docs/api/menu.md b/docs/api/menu.md
index 8a12ff43350..0dfe0e01761 100644
--- a/docs/api/menu.md
+++ b/docs/api/menu.md
@@ -1,12 +1,12 @@
---
title: "ion-menu"
---
-import Props from '@site/static/auto-generated/menu/props.md';
-import Events from '@site/static/auto-generated/menu/events.md';
-import Methods from '@site/static/auto-generated/menu/methods.md';
-import Parts from '@site/static/auto-generated/menu/parts.md';
-import CustomProps from '@site/static/auto-generated/menu/custom-props.md';
-import Slots from '@site/static/auto-generated/menu/slots.md';
+import Props from '@site/static/auto-generated/v7/menu/props.md';
+import Events from '@site/static/auto-generated/v7/menu/events.md';
+import Methods from '@site/static/auto-generated/v7/menu/methods.md';
+import Parts from '@site/static/auto-generated/v7/menu/parts.md';
+import CustomProps from '@site/static/auto-generated/v7/menu/custom-props.md';
+import Slots from '@site/static/auto-generated/v7/menu/slots.md';
ion-menu: API Framework Docs for Types of Menu Components
diff --git a/docs/api/modal.md b/docs/api/modal.md
index 6e68846652e..3fff29af2a1 100644
--- a/docs/api/modal.md
+++ b/docs/api/modal.md
@@ -1,12 +1,12 @@
---
title: "ion-modal"
---
-import Props from '@site/static/auto-generated/modal/props.md';
-import Events from '@site/static/auto-generated/modal/events.md';
-import Methods from '@site/static/auto-generated/modal/methods.md';
-import Parts from '@site/static/auto-generated/modal/parts.md';
-import CustomProps from '@site/static/auto-generated/modal/custom-props.md';
-import Slots from '@site/static/auto-generated/modal/slots.md';
+import Props from '@site/static/auto-generated/v7/modal/props.md';
+import Events from '@site/static/auto-generated/v7/modal/events.md';
+import Methods from '@site/static/auto-generated/v7/modal/methods.md';
+import Parts from '@site/static/auto-generated/v7/modal/parts.md';
+import CustomProps from '@site/static/auto-generated/v7/modal/custom-props.md';
+import Slots from '@site/static/auto-generated/v7/modal/slots.md';
ion-modal: Ionic Mobile App Custom Modal API Component
diff --git a/docs/api/nav-link.md b/docs/api/nav-link.md
index 30a8f3264ed..28ab69dbfe4 100644
--- a/docs/api/nav-link.md
+++ b/docs/api/nav-link.md
@@ -1,12 +1,12 @@
---
title: "ion-nav-link"
---
-import Props from '@site/static/auto-generated/nav-link/props.md';
-import Events from '@site/static/auto-generated/nav-link/events.md';
-import Methods from '@site/static/auto-generated/nav-link/methods.md';
-import Parts from '@site/static/auto-generated/nav-link/parts.md';
-import CustomProps from '@site/static/auto-generated/nav-link/custom-props.md';
-import Slots from '@site/static/auto-generated/nav-link/slots.md';
+import Props from '@site/static/auto-generated/v7/nav-link/props.md';
+import Events from '@site/static/auto-generated/v7/nav-link/events.md';
+import Methods from '@site/static/auto-generated/v7/nav-link/methods.md';
+import Parts from '@site/static/auto-generated/v7/nav-link/parts.md';
+import CustomProps from '@site/static/auto-generated/v7/nav-link/custom-props.md';
+import Slots from '@site/static/auto-generated/v7/nav-link/slots.md';
ion-nav-link: The Element for Navigation to a Specified Component
diff --git a/docs/api/nav.md b/docs/api/nav.md
index 727add0a05f..7670d3bb789 100644
--- a/docs/api/nav.md
+++ b/docs/api/nav.md
@@ -1,12 +1,12 @@
---
title: "ion-nav"
---
-import Props from '@site/static/auto-generated/nav/props.md';
-import Events from '@site/static/auto-generated/nav/events.md';
-import Methods from '@site/static/auto-generated/nav/methods.md';
-import Parts from '@site/static/auto-generated/nav/parts.md';
-import CustomProps from '@site/static/auto-generated/nav/custom-props.md';
-import Slots from '@site/static/auto-generated/nav/slots.md';
+import Props from '@site/static/auto-generated/v7/nav/props.md';
+import Events from '@site/static/auto-generated/v7/nav/events.md';
+import Methods from '@site/static/auto-generated/v7/nav/methods.md';
+import Parts from '@site/static/auto-generated/v7/nav/parts.md';
+import CustomProps from '@site/static/auto-generated/v7/nav/custom-props.md';
+import Slots from '@site/static/auto-generated/v7/nav/slots.md';
ion-nav | Nav View Component for Ionic Framework Apps
diff --git a/docs/api/note.md b/docs/api/note.md
index 5d142dd53b8..2023dfe3274 100644
--- a/docs/api/note.md
+++ b/docs/api/note.md
@@ -1,12 +1,12 @@
---
title: "ion-note"
---
-import Props from '@site/static/auto-generated/note/props.md';
-import Events from '@site/static/auto-generated/note/events.md';
-import Methods from '@site/static/auto-generated/note/methods.md';
-import Parts from '@site/static/auto-generated/note/parts.md';
-import CustomProps from '@site/static/auto-generated/note/custom-props.md';
-import Slots from '@site/static/auto-generated/note/slots.md';
+import Props from '@site/static/auto-generated/v7/note/props.md';
+import Events from '@site/static/auto-generated/v7/note/events.md';
+import Methods from '@site/static/auto-generated/v7/note/methods.md';
+import Parts from '@site/static/auto-generated/v7/note/parts.md';
+import CustomProps from '@site/static/auto-generated/v7/note/custom-props.md';
+import Slots from '@site/static/auto-generated/v7/note/slots.md';
ion-note: Note Text Elements for iOS and Android Ionic Apps
diff --git a/docs/api/picker.md b/docs/api/picker.md
index 8a1d4d59f64..2636641d671 100644
--- a/docs/api/picker.md
+++ b/docs/api/picker.md
@@ -1,12 +1,12 @@
---
title: "ion-picker"
---
-import Props from '@site/static/auto-generated/picker/props.md';
-import Events from '@site/static/auto-generated/picker/events.md';
-import Methods from '@site/static/auto-generated/picker/methods.md';
-import Parts from '@site/static/auto-generated/picker/parts.md';
-import CustomProps from '@site/static/auto-generated/picker/custom-props.md';
-import Slots from '@site/static/auto-generated/picker/slots.md';
+import Props from '@site/static/auto-generated/v7/picker/props.md';
+import Events from '@site/static/auto-generated/v7/picker/events.md';
+import Methods from '@site/static/auto-generated/v7/picker/methods.md';
+import Parts from '@site/static/auto-generated/v7/picker/parts.md';
+import CustomProps from '@site/static/auto-generated/v7/picker/custom-props.md';
+import Slots from '@site/static/auto-generated/v7/picker/slots.md';
Picker | Display Buttons and Columns for ion-picker on Ionic Apps
diff --git a/docs/api/popover.md b/docs/api/popover.md
index 33017292870..3b6937fc8bc 100644
--- a/docs/api/popover.md
+++ b/docs/api/popover.md
@@ -1,12 +1,12 @@
---
title: "ion-popover"
---
-import Props from '@site/static/auto-generated/popover/props.md';
-import Events from '@site/static/auto-generated/popover/events.md';
-import Methods from '@site/static/auto-generated/popover/methods.md';
-import Parts from '@site/static/auto-generated/popover/parts.md';
-import CustomProps from '@site/static/auto-generated/popover/custom-props.md';
-import Slots from '@site/static/auto-generated/popover/slots.md';
+import Props from '@site/static/auto-generated/v7/popover/props.md';
+import Events from '@site/static/auto-generated/v7/popover/events.md';
+import Methods from '@site/static/auto-generated/v7/popover/methods.md';
+import Parts from '@site/static/auto-generated/v7/popover/parts.md';
+import CustomProps from '@site/static/auto-generated/v7/popover/custom-props.md';
+import Slots from '@site/static/auto-generated/v7/popover/slots.md';
ion-popover: iOS / Android Popover UI Component & CSS Properties
diff --git a/docs/api/progress-bar.md b/docs/api/progress-bar.md
index 15a7c27fbca..42050e4eb18 100644
--- a/docs/api/progress-bar.md
+++ b/docs/api/progress-bar.md
@@ -1,12 +1,12 @@
---
title: "ion-progress-bar"
---
-import Props from '@site/static/auto-generated/progress-bar/props.md';
-import Events from '@site/static/auto-generated/progress-bar/events.md';
-import Methods from '@site/static/auto-generated/progress-bar/methods.md';
-import Parts from '@site/static/auto-generated/progress-bar/parts.md';
-import CustomProps from '@site/static/auto-generated/progress-bar/custom-props.md';
-import Slots from '@site/static/auto-generated/progress-bar/slots.md';
+import Props from '@site/static/auto-generated/v7/progress-bar/props.md';
+import Events from '@site/static/auto-generated/v7/progress-bar/events.md';
+import Methods from '@site/static/auto-generated/v7/progress-bar/methods.md';
+import Parts from '@site/static/auto-generated/v7/progress-bar/parts.md';
+import CustomProps from '@site/static/auto-generated/v7/progress-bar/custom-props.md';
+import Slots from '@site/static/auto-generated/v7/progress-bar/slots.md';
Progress Bar | Horizontal App Progress Bar for Loading Indicator
diff --git a/docs/api/radio-group.md b/docs/api/radio-group.md
index b083ee208b2..9b0f31f2e49 100644
--- a/docs/api/radio-group.md
+++ b/docs/api/radio-group.md
@@ -1,12 +1,12 @@
---
title: "ion-radio-group"
---
-import Props from '@site/static/auto-generated/radio-group/props.md';
-import Events from '@site/static/auto-generated/radio-group/events.md';
-import Methods from '@site/static/auto-generated/radio-group/methods.md';
-import Parts from '@site/static/auto-generated/radio-group/parts.md';
-import CustomProps from '@site/static/auto-generated/radio-group/custom-props.md';
-import Slots from '@site/static/auto-generated/radio-group/slots.md';
+import Props from '@site/static/auto-generated/v7/radio-group/props.md';
+import Events from '@site/static/auto-generated/v7/radio-group/events.md';
+import Methods from '@site/static/auto-generated/v7/radio-group/methods.md';
+import Parts from '@site/static/auto-generated/v7/radio-group/parts.md';
+import CustomProps from '@site/static/auto-generated/v7/radio-group/custom-props.md';
+import Slots from '@site/static/auto-generated/v7/radio-group/slots.md';
ion-radio-group | Radio Button Group Usage for Ionic Apps
diff --git a/docs/api/radio.md b/docs/api/radio.md
index b5f94c0b8fb..6fda632be95 100644
--- a/docs/api/radio.md
+++ b/docs/api/radio.md
@@ -1,12 +1,12 @@
---
title: "ion-radio"
---
-import Props from '@site/static/auto-generated/radio/props.md';
-import Events from '@site/static/auto-generated/radio/events.md';
-import Methods from '@site/static/auto-generated/radio/methods.md';
-import Parts from '@site/static/auto-generated/radio/parts.md';
-import CustomProps from '@site/static/auto-generated/radio/custom-props.md';
-import Slots from '@site/static/auto-generated/radio/slots.md';
+import Props from '@site/static/auto-generated/v7/radio/props.md';
+import Events from '@site/static/auto-generated/v7/radio/events.md';
+import Methods from '@site/static/auto-generated/v7/radio/methods.md';
+import Parts from '@site/static/auto-generated/v7/radio/parts.md';
+import CustomProps from '@site/static/auto-generated/v7/radio/custom-props.md';
+import Slots from '@site/static/auto-generated/v7/radio/slots.md';
ion-radio Component: Radio Property for iOS and Android
diff --git a/docs/api/range.md b/docs/api/range.md
index d102bcbc971..3f39c32fe0c 100644
--- a/docs/api/range.md
+++ b/docs/api/range.md
@@ -1,12 +1,12 @@
---
title: "ion-range"
---
-import Props from '@site/static/auto-generated/range/props.md';
-import Events from '@site/static/auto-generated/range/events.md';
-import Methods from '@site/static/auto-generated/range/methods.md';
-import Parts from '@site/static/auto-generated/range/parts.md';
-import CustomProps from '@site/static/auto-generated/range/custom-props.md';
-import Slots from '@site/static/auto-generated/range/slots.md';
+import Props from '@site/static/auto-generated/v7/range/props.md';
+import Events from '@site/static/auto-generated/v7/range/events.md';
+import Methods from '@site/static/auto-generated/v7/range/methods.md';
+import Parts from '@site/static/auto-generated/v7/range/parts.md';
+import CustomProps from '@site/static/auto-generated/v7/range/custom-props.md';
+import Slots from '@site/static/auto-generated/v7/range/slots.md';
Range Slider | ion-range: Slider Knob Controls with Labels
diff --git a/docs/api/refresher-content.md b/docs/api/refresher-content.md
index 1b80d4ef40c..cce9e12b671 100644
--- a/docs/api/refresher-content.md
+++ b/docs/api/refresher-content.md
@@ -1,12 +1,12 @@
---
title: "ion-refresher-content"
---
-import Props from '@site/static/auto-generated/refresher-content/props.md';
-import Events from '@site/static/auto-generated/refresher-content/events.md';
-import Methods from '@site/static/auto-generated/refresher-content/methods.md';
-import Parts from '@site/static/auto-generated/refresher-content/parts.md';
-import CustomProps from '@site/static/auto-generated/refresher-content/custom-props.md';
-import Slots from '@site/static/auto-generated/refresher-content/slots.md';
+import Props from '@site/static/auto-generated/v7/refresher-content/props.md';
+import Events from '@site/static/auto-generated/v7/refresher-content/events.md';
+import Methods from '@site/static/auto-generated/v7/refresher-content/methods.md';
+import Parts from '@site/static/auto-generated/v7/refresher-content/parts.md';
+import CustomProps from '@site/static/auto-generated/v7/refresher-content/custom-props.md';
+import Slots from '@site/static/auto-generated/v7/refresher-content/slots.md';
import EncapsulationPill from '@components/page/api/EncapsulationPill';
diff --git a/docs/api/refresher.md b/docs/api/refresher.md
index 744200a218b..85a3f1e744e 100644
--- a/docs/api/refresher.md
+++ b/docs/api/refresher.md
@@ -1,12 +1,12 @@
---
title: "ion-refresher"
---
-import Props from '@site/static/auto-generated/refresher/props.md';
-import Events from '@site/static/auto-generated/refresher/events.md';
-import Methods from '@site/static/auto-generated/refresher/methods.md';
-import Parts from '@site/static/auto-generated/refresher/parts.md';
-import CustomProps from '@site/static/auto-generated/refresher/custom-props.md';
-import Slots from '@site/static/auto-generated/refresher/slots.md';
+import Props from '@site/static/auto-generated/v7/refresher/props.md';
+import Events from '@site/static/auto-generated/v7/refresher/events.md';
+import Methods from '@site/static/auto-generated/v7/refresher/methods.md';
+import Parts from '@site/static/auto-generated/v7/refresher/parts.md';
+import CustomProps from '@site/static/auto-generated/v7/refresher/custom-props.md';
+import Slots from '@site/static/auto-generated/v7/refresher/slots.md';
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 674bc2561b9..65eab8cae9f 100644
--- a/docs/api/reorder-group.md
+++ b/docs/api/reorder-group.md
@@ -1,12 +1,12 @@
---
title: "ion-reorder-group"
---
-import Props from '@site/static/auto-generated/reorder-group/props.md';
-import Events from '@site/static/auto-generated/reorder-group/events.md';
-import Methods from '@site/static/auto-generated/reorder-group/methods.md';
-import Parts from '@site/static/auto-generated/reorder-group/parts.md';
-import CustomProps from '@site/static/auto-generated/reorder-group/custom-props.md';
-import Slots from '@site/static/auto-generated/reorder-group/slots.md';
+import Props from '@site/static/auto-generated/v7/reorder-group/props.md';
+import Events from '@site/static/auto-generated/v7/reorder-group/events.md';
+import Methods from '@site/static/auto-generated/v7/reorder-group/methods.md';
+import Parts from '@site/static/auto-generated/v7/reorder-group/parts.md';
+import CustomProps from '@site/static/auto-generated/v7/reorder-group/custom-props.md';
+import Slots from '@site/static/auto-generated/v7/reorder-group/slots.md';
ion-reorder-group: Wrapper Component for Ionic Framework Apps
diff --git a/docs/api/reorder.md b/docs/api/reorder.md
index 1043f82b811..50d31e3ae40 100644
--- a/docs/api/reorder.md
+++ b/docs/api/reorder.md
@@ -1,12 +1,12 @@
---
title: "ion-reorder"
---
-import Props from '@site/static/auto-generated/reorder/props.md';
-import Events from '@site/static/auto-generated/reorder/events.md';
-import Methods from '@site/static/auto-generated/reorder/methods.md';
-import Parts from '@site/static/auto-generated/reorder/parts.md';
-import CustomProps from '@site/static/auto-generated/reorder/custom-props.md';
-import Slots from '@site/static/auto-generated/reorder/slots.md';
+import Props from '@site/static/auto-generated/v7/reorder/props.md';
+import Events from '@site/static/auto-generated/v7/reorder/events.md';
+import Methods from '@site/static/auto-generated/v7/reorder/methods.md';
+import Parts from '@site/static/auto-generated/v7/reorder/parts.md';
+import CustomProps from '@site/static/auto-generated/v7/reorder/custom-props.md';
+import Slots from '@site/static/auto-generated/v7/reorder/slots.md';
Reorder | ion-reorder: Drag and Drop Icon to Reorder Items
diff --git a/docs/api/ripple-effect.md b/docs/api/ripple-effect.md
index 1861b13a117..989f7e55407 100644
--- a/docs/api/ripple-effect.md
+++ b/docs/api/ripple-effect.md
@@ -1,12 +1,12 @@
---
title: "ion-ripple-effect"
---
-import Props from '@site/static/auto-generated/ripple-effect/props.md';
-import Events from '@site/static/auto-generated/ripple-effect/events.md';
-import Methods from '@site/static/auto-generated/ripple-effect/methods.md';
-import Parts from '@site/static/auto-generated/ripple-effect/parts.md';
-import CustomProps from '@site/static/auto-generated/ripple-effect/custom-props.md';
-import Slots from '@site/static/auto-generated/ripple-effect/slots.md';
+import Props from '@site/static/auto-generated/v7/ripple-effect/props.md';
+import Events from '@site/static/auto-generated/v7/ripple-effect/events.md';
+import Methods from '@site/static/auto-generated/v7/ripple-effect/methods.md';
+import Parts from '@site/static/auto-generated/v7/ripple-effect/parts.md';
+import CustomProps from '@site/static/auto-generated/v7/ripple-effect/custom-props.md';
+import Slots from '@site/static/auto-generated/v7/ripple-effect/slots.md';
import EncapsulationPill from '@components/page/api/EncapsulationPill';
diff --git a/docs/api/route-redirect.md b/docs/api/route-redirect.md
index ac4febd161d..06d5e58fcbf 100644
--- a/docs/api/route-redirect.md
+++ b/docs/api/route-redirect.md
@@ -2,12 +2,12 @@
title: "ion-route-redirect"
---
-import Props from '@site/static/auto-generated/route-redirect/props.md';
-import Events from '@site/static/auto-generated/route-redirect/events.md';
-import Methods from '@site/static/auto-generated/route-redirect/methods.md';
-import Parts from '@site/static/auto-generated/route-redirect/parts.md';
-import CustomProps from '@site/static/auto-generated/route-redirect/custom-props.md';
-import Slots from '@site/static/auto-generated/route-redirect/slots.md';
+import Props from '@site/static/auto-generated/v7/route-redirect/props.md';
+import Events from '@site/static/auto-generated/v7/route-redirect/events.md';
+import Methods from '@site/static/auto-generated/v7/route-redirect/methods.md';
+import Parts from '@site/static/auto-generated/v7/route-redirect/parts.md';
+import CustomProps from '@site/static/auto-generated/v7/route-redirect/custom-props.md';
+import Slots from '@site/static/auto-generated/v7/route-redirect/slots.md';
ion-route-redirect Plugin: Redirect 'from' a URL 'to' Another URL
diff --git a/docs/api/route.md b/docs/api/route.md
index 91b607971e4..bf454800a7d 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 '@site/static/auto-generated/route/props.md';
-import Events from '@site/static/auto-generated/route/events.md';
-import Methods from '@site/static/auto-generated/route/methods.md';
-import Parts from '@site/static/auto-generated/route/parts.md';
-import CustomProps from '@site/static/auto-generated/route/custom-props.md';
-import Slots from '@site/static/auto-generated/route/slots.md';
+import Props from '@site/static/auto-generated/v7/route/props.md';
+import Events from '@site/static/auto-generated/v7/route/events.md';
+import Methods from '@site/static/auto-generated/v7/route/methods.md';
+import Parts from '@site/static/auto-generated/v7/route/parts.md';
+import CustomProps from '@site/static/auto-generated/v7/route/custom-props.md';
+import Slots from '@site/static/auto-generated/v7/route/slots.md';
ion-route: API Route Component for Ionic Framework Apps
diff --git a/docs/api/router-link.md b/docs/api/router-link.md
index ea95869eea0..d10f69a4edd 100644
--- a/docs/api/router-link.md
+++ b/docs/api/router-link.md
@@ -6,12 +6,12 @@ demoSourceUrl: "https://github.com/ionic-team/ionic-docs/tree/main/static/demos/
---
import TOCInline from '@theme/TOCInline';
-import Props from '@site/static/auto-generated/router-link/props.md';
-import Events from '@site/static/auto-generated/router-link/events.md';
-import Methods from '@site/static/auto-generated/router-link/methods.md';
-import Parts from '@site/static/auto-generated/router-link/parts.md';
-import CustomProps from '@site/static/auto-generated/router-link/custom-props.md';
-import Slots from '@site/static/auto-generated/router-link/slots.md';
+import Props from '@site/static/auto-generated/v7/router-link/props.md';
+import Events from '@site/static/auto-generated/v7/router-link/events.md';
+import Methods from '@site/static/auto-generated/v7/router-link/methods.md';
+import Parts from '@site/static/auto-generated/v7/router-link/parts.md';
+import CustomProps from '@site/static/auto-generated/v7/router-link/custom-props.md';
+import Slots from '@site/static/auto-generated/v7/router-link/slots.md';
Router Link | Navigating The ion-router-link Component
diff --git a/docs/api/router-outlet.md b/docs/api/router-outlet.md
index c15289ab77b..073fc27e631 100644
--- a/docs/api/router-outlet.md
+++ b/docs/api/router-outlet.md
@@ -2,12 +2,12 @@
title: "ion-router-outlet"
---
-import Props from '@site/static/auto-generated/router-outlet/props.md';
-import Events from '@site/static/auto-generated/router-outlet/events.md';
-import Methods from '@site/static/auto-generated/router-outlet/methods.md';
-import Parts from '@site/static/auto-generated/router-outlet/parts.md';
-import CustomProps from '@site/static/auto-generated/router-outlet/custom-props.md';
-import Slots from '@site/static/auto-generated/router-outlet/slots.md';
+import Props from '@site/static/auto-generated/v7/router-outlet/props.md';
+import Events from '@site/static/auto-generated/v7/router-outlet/events.md';
+import Methods from '@site/static/auto-generated/v7/router-outlet/methods.md';
+import Parts from '@site/static/auto-generated/v7/router-outlet/parts.md';
+import CustomProps from '@site/static/auto-generated/v7/router-outlet/custom-props.md';
+import Slots from '@site/static/auto-generated/v7/router-outlet/slots.md';
diff --git a/docs/api/router.md b/docs/api/router.md
index 48b8b522e04..3eb77846493 100644
--- a/docs/api/router.md
+++ b/docs/api/router.md
@@ -2,12 +2,12 @@
title: "ion-router"
---
-import Props from '@site/static/auto-generated/router/props.md';
-import Events from '@site/static/auto-generated/router/events.md';
-import Methods from '@site/static/auto-generated/router/methods.md';
-import Parts from '@site/static/auto-generated/router/parts.md';
-import CustomProps from '@site/static/auto-generated/router/custom-props.md';
-import Slots from '@site/static/auto-generated/router/slots.md';
+import Props from '@site/static/auto-generated/v7/router/props.md';
+import Events from '@site/static/auto-generated/v7/router/events.md';
+import Methods from '@site/static/auto-generated/v7/router/methods.md';
+import Parts from '@site/static/auto-generated/v7/router/parts.md';
+import CustomProps from '@site/static/auto-generated/v7/router/custom-props.md';
+import Slots from '@site/static/auto-generated/v7/router/slots.md';
ion-router: Router Component to Coordinate URL Navigation
diff --git a/docs/api/row.md b/docs/api/row.md
index 48fc21c4ba0..ef523e808b5 100644
--- a/docs/api/row.md
+++ b/docs/api/row.md
@@ -1,12 +1,12 @@
---
title: "ion-row"
---
-import Props from '@site/static/auto-generated/row/props.md';
-import Events from '@site/static/auto-generated/row/events.md';
-import Methods from '@site/static/auto-generated/row/methods.md';
-import Parts from '@site/static/auto-generated/row/parts.md';
-import CustomProps from '@site/static/auto-generated/row/custom-props.md';
-import Slots from '@site/static/auto-generated/row/slots.md';
+import Props from '@site/static/auto-generated/v7/row/props.md';
+import Events from '@site/static/auto-generated/v7/row/events.md';
+import Methods from '@site/static/auto-generated/v7/row/methods.md';
+import Parts from '@site/static/auto-generated/v7/row/parts.md';
+import CustomProps from '@site/static/auto-generated/v7/row/custom-props.md';
+import Slots from '@site/static/auto-generated/v7/row/slots.md';
ion-row: Horizontal Row Components and Alignment | Ionic API Docs
diff --git a/docs/api/searchbar.md b/docs/api/searchbar.md
index c11c14c4c74..670e688c66e 100644
--- a/docs/api/searchbar.md
+++ b/docs/api/searchbar.md
@@ -1,12 +1,12 @@
---
title: "ion-searchbar"
---
-import Props from '@site/static/auto-generated/searchbar/props.md';
-import Events from '@site/static/auto-generated/searchbar/events.md';
-import Methods from '@site/static/auto-generated/searchbar/methods.md';
-import Parts from '@site/static/auto-generated/searchbar/parts.md';
-import CustomProps from '@site/static/auto-generated/searchbar/custom-props.md';
-import Slots from '@site/static/auto-generated/searchbar/slots.md';
+import Props from '@site/static/auto-generated/v7/searchbar/props.md';
+import Events from '@site/static/auto-generated/v7/searchbar/events.md';
+import Methods from '@site/static/auto-generated/v7/searchbar/methods.md';
+import Parts from '@site/static/auto-generated/v7/searchbar/parts.md';
+import CustomProps from '@site/static/auto-generated/v7/searchbar/custom-props.md';
+import Slots from '@site/static/auto-generated/v7/searchbar/slots.md';
Search Bar Icon for Keyboard Text Display | Ion-Search Bar
diff --git a/docs/api/segment-button.md b/docs/api/segment-button.md
index 2567e2ecbeb..8acab12c971 100644
--- a/docs/api/segment-button.md
+++ b/docs/api/segment-button.md
@@ -1,12 +1,12 @@
---
title: "ion-segment-button"
---
-import Props from '@site/static/auto-generated/segment-button/props.md';
-import Events from '@site/static/auto-generated/segment-button/events.md';
-import Methods from '@site/static/auto-generated/segment-button/methods.md';
-import Parts from '@site/static/auto-generated/segment-button/parts.md';
-import CustomProps from '@site/static/auto-generated/segment-button/custom-props.md';
-import Slots from '@site/static/auto-generated/segment-button/slots.md';
+import Props from '@site/static/auto-generated/v7/segment-button/props.md';
+import Events from '@site/static/auto-generated/v7/segment-button/events.md';
+import Methods from '@site/static/auto-generated/v7/segment-button/methods.md';
+import Parts from '@site/static/auto-generated/v7/segment-button/parts.md';
+import CustomProps from '@site/static/auto-generated/v7/segment-button/custom-props.md';
+import Slots from '@site/static/auto-generated/v7/segment-button/slots.md';
ion-segment-button | Segment Button Icon and Segment Value
diff --git a/docs/api/segment.md b/docs/api/segment.md
index 0ff953288d5..344b6df1c92 100644
--- a/docs/api/segment.md
+++ b/docs/api/segment.md
@@ -1,12 +1,12 @@
---
title: "ion-segment"
---
-import Props from '@site/static/auto-generated/segment/props.md';
-import Events from '@site/static/auto-generated/segment/events.md';
-import Methods from '@site/static/auto-generated/segment/methods.md';
-import Parts from '@site/static/auto-generated/segment/parts.md';
-import CustomProps from '@site/static/auto-generated/segment/custom-props.md';
-import Slots from '@site/static/auto-generated/segment/slots.md';
+import Props from '@site/static/auto-generated/v7/segment/props.md';
+import Events from '@site/static/auto-generated/v7/segment/events.md';
+import Methods from '@site/static/auto-generated/v7/segment/methods.md';
+import Parts from '@site/static/auto-generated/v7/segment/parts.md';
+import CustomProps from '@site/static/auto-generated/v7/segment/custom-props.md';
+import Slots from '@site/static/auto-generated/v7/segment/slots.md';
ion-segment: API Documentation for Segmented Controls
diff --git a/docs/api/select-option.md b/docs/api/select-option.md
index 73dbf015e2b..ec4e447cd89 100644
--- a/docs/api/select-option.md
+++ b/docs/api/select-option.md
@@ -1,12 +1,12 @@
---
title: "ion-select-option"
---
-import Props from '@site/static/auto-generated/select-option/props.md';
-import Events from '@site/static/auto-generated/select-option/events.md';
-import Methods from '@site/static/auto-generated/select-option/methods.md';
-import Parts from '@site/static/auto-generated/select-option/parts.md';
-import CustomProps from '@site/static/auto-generated/select-option/custom-props.md';
-import Slots from '@site/static/auto-generated/select-option/slots.md';
+import Props from '@site/static/auto-generated/v7/select-option/props.md';
+import Events from '@site/static/auto-generated/v7/select-option/events.md';
+import Methods from '@site/static/auto-generated/v7/select-option/methods.md';
+import Parts from '@site/static/auto-generated/v7/select-option/parts.md';
+import CustomProps from '@site/static/auto-generated/v7/select-option/custom-props.md';
+import Slots from '@site/static/auto-generated/v7/select-option/slots.md';
Select Option | What Is An Option Select on Ionic Framework Apps
diff --git a/docs/api/select.md b/docs/api/select.md
index b632d936751..28db8efecd3 100644
--- a/docs/api/select.md
+++ b/docs/api/select.md
@@ -1,12 +1,12 @@
---
title: "ion-select"
---
-import Props from '@site/static/auto-generated/select/props.md';
-import Events from '@site/static/auto-generated/select/events.md';
-import Methods from '@site/static/auto-generated/select/methods.md';
-import Parts from '@site/static/auto-generated/select/parts.md';
-import CustomProps from '@site/static/auto-generated/select/custom-props.md';
-import Slots from '@site/static/auto-generated/select/slots.md';
+import Props from '@site/static/auto-generated/v7/select/props.md';
+import Events from '@site/static/auto-generated/v7/select/events.md';
+import Methods from '@site/static/auto-generated/v7/select/methods.md';
+import Parts from '@site/static/auto-generated/v7/select/parts.md';
+import CustomProps from '@site/static/auto-generated/v7/select/custom-props.md';
+import Slots from '@site/static/auto-generated/v7/select/slots.md';
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 7b627127105..5c2574061c3 100644
--- a/docs/api/skeleton-text.md
+++ b/docs/api/skeleton-text.md
@@ -1,12 +1,12 @@
---
title: "ion-skeleton-text"
---
-import Props from '@site/static/auto-generated/skeleton-text/props.md';
-import Events from '@site/static/auto-generated/skeleton-text/events.md';
-import Methods from '@site/static/auto-generated/skeleton-text/methods.md';
-import Parts from '@site/static/auto-generated/skeleton-text/parts.md';
-import CustomProps from '@site/static/auto-generated/skeleton-text/custom-props.md';
-import Slots from '@site/static/auto-generated/skeleton-text/slots.md';
+import Props from '@site/static/auto-generated/v7/skeleton-text/props.md';
+import Events from '@site/static/auto-generated/v7/skeleton-text/events.md';
+import Methods from '@site/static/auto-generated/v7/skeleton-text/methods.md';
+import Parts from '@site/static/auto-generated/v7/skeleton-text/parts.md';
+import CustomProps from '@site/static/auto-generated/v7/skeleton-text/custom-props.md';
+import Slots from '@site/static/auto-generated/v7/skeleton-text/slots.md';
Skeleton Text | Skeleton Loading Placeholder & Framework for Text
diff --git a/docs/api/spinner.md b/docs/api/spinner.md
index 7d805fa697e..888a330927b 100644
--- a/docs/api/spinner.md
+++ b/docs/api/spinner.md
@@ -1,12 +1,12 @@
---
title: "ion-spinner"
---
-import Props from '@site/static/auto-generated/spinner/props.md';
-import Events from '@site/static/auto-generated/spinner/events.md';
-import Methods from '@site/static/auto-generated/spinner/methods.md';
-import Parts from '@site/static/auto-generated/spinner/parts.md';
-import CustomProps from '@site/static/auto-generated/spinner/custom-props.md';
-import Slots from '@site/static/auto-generated/spinner/slots.md';
+import Props from '@site/static/auto-generated/v7/spinner/props.md';
+import Events from '@site/static/auto-generated/v7/spinner/events.md';
+import Methods from '@site/static/auto-generated/v7/spinner/methods.md';
+import Parts from '@site/static/auto-generated/v7/spinner/parts.md';
+import CustomProps from '@site/static/auto-generated/v7/spinner/custom-props.md';
+import Slots from '@site/static/auto-generated/v7/spinner/slots.md';
ion-spinner | Animated Spinner Icon Components and Properties
diff --git a/docs/api/split-pane.md b/docs/api/split-pane.md
index 87ffe6c1ae0..a74471b1082 100644
--- a/docs/api/split-pane.md
+++ b/docs/api/split-pane.md
@@ -2,12 +2,12 @@
title: "ion-split-pane"
---
-import Props from '@site/static/auto-generated/split-pane/props.md';
-import Events from '@site/static/auto-generated/split-pane/events.md';
-import Methods from '@site/static/auto-generated/split-pane/methods.md';
-import Parts from '@site/static/auto-generated/split-pane/parts.md';
-import CustomProps from '@site/static/auto-generated/split-pane/custom-props.md';
-import Slots from '@site/static/auto-generated/split-pane/slots.md';
+import Props from '@site/static/auto-generated/v7/split-pane/props.md';
+import Events from '@site/static/auto-generated/v7/split-pane/events.md';
+import Methods from '@site/static/auto-generated/v7/split-pane/methods.md';
+import Parts from '@site/static/auto-generated/v7/split-pane/parts.md';
+import CustomProps from '@site/static/auto-generated/v7/split-pane/custom-props.md';
+import Slots from '@site/static/auto-generated/v7/split-pane/slots.md';
ion-split-pane: Split Plane View for Menus and Multi-View Layouts
diff --git a/docs/api/tab-bar.md b/docs/api/tab-bar.md
index 5cd9d97fe3d..20725486799 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 '@site/static/auto-generated/tab-bar/props.md';
-import Events from '@site/static/auto-generated/tab-bar/events.md';
-import Methods from '@site/static/auto-generated/tab-bar/methods.md';
-import Parts from '@site/static/auto-generated/tab-bar/parts.md';
-import CustomProps from '@site/static/auto-generated/tab-bar/custom-props.md';
-import Slots from '@site/static/auto-generated/tab-bar/slots.md';
+import Props from '@site/static/auto-generated/v7/tab-bar/props.md';
+import Events from '@site/static/auto-generated/v7/tab-bar/events.md';
+import Methods from '@site/static/auto-generated/v7/tab-bar/methods.md';
+import Parts from '@site/static/auto-generated/v7/tab-bar/parts.md';
+import CustomProps from '@site/static/auto-generated/v7/tab-bar/custom-props.md';
+import Slots from '@site/static/auto-generated/v7/tab-bar/slots.md';
ion-tab-bar with CSS Custom Properties for Tab Bar Components
diff --git a/docs/api/tab-button.md b/docs/api/tab-button.md
index 0fb186e0773..d04fb16da66 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 '@site/static/auto-generated/tab-button/props.md';
-import Events from '@site/static/auto-generated/tab-button/events.md';
-import Methods from '@site/static/auto-generated/tab-button/methods.md';
-import Parts from '@site/static/auto-generated/tab-button/parts.md';
-import CustomProps from '@site/static/auto-generated/tab-button/custom-props.md';
-import Slots from '@site/static/auto-generated/tab-button/slots.md';
+import Props from '@site/static/auto-generated/v7/tab-button/props.md';
+import Events from '@site/static/auto-generated/v7/tab-button/events.md';
+import Methods from '@site/static/auto-generated/v7/tab-button/methods.md';
+import Parts from '@site/static/auto-generated/v7/tab-button/parts.md';
+import CustomProps from '@site/static/auto-generated/v7/tab-button/custom-props.md';
+import Slots from '@site/static/auto-generated/v7/tab-button/slots.md';
diff --git a/docs/api/tab.md b/docs/api/tab.md
index 899e3c6c484..3f17a0bec8c 100644
--- a/docs/api/tab.md
+++ b/docs/api/tab.md
@@ -2,12 +2,12 @@
title: "ion-tab"
---
-import Props from '@site/static/auto-generated/tab/props.md';
-import Events from '@site/static/auto-generated/tab/events.md';
-import Methods from '@site/static/auto-generated/tab/methods.md';
-import Parts from '@site/static/auto-generated/tab/parts.md';
-import CustomProps from '@site/static/auto-generated/tab/custom-props.md';
-import Slots from '@site/static/auto-generated/tab/slots.md';
+import Props from '@site/static/auto-generated/v7/tab/props.md';
+import Events from '@site/static/auto-generated/v7/tab/events.md';
+import Methods from '@site/static/auto-generated/v7/tab/methods.md';
+import Parts from '@site/static/auto-generated/v7/tab/parts.md';
+import CustomProps from '@site/static/auto-generated/v7/tab/custom-props.md';
+import Slots from '@site/static/auto-generated/v7/tab/slots.md';
ion-tab - Ionic Framework Application Component
diff --git a/docs/api/tabs.md b/docs/api/tabs.md
index 0920727d489..f8d2d51eca7 100644
--- a/docs/api/tabs.md
+++ b/docs/api/tabs.md
@@ -1,12 +1,12 @@
---
title: "ion-tabs"
---
-import Props from '@site/static/auto-generated/tabs/props.md';
-import Events from '@site/static/auto-generated/tabs/events.md';
-import Methods from '@site/static/auto-generated/tabs/methods.md';
-import Parts from '@site/static/auto-generated/tabs/parts.md';
-import CustomProps from '@site/static/auto-generated/tabs/custom-props.md';
-import Slots from '@site/static/auto-generated/tabs/slots.md';
+import Props from '@site/static/auto-generated/v7/tabs/props.md';
+import Events from '@site/static/auto-generated/v7/tabs/events.md';
+import Methods from '@site/static/auto-generated/v7/tabs/methods.md';
+import Parts from '@site/static/auto-generated/v7/tabs/parts.md';
+import CustomProps from '@site/static/auto-generated/v7/tabs/custom-props.md';
+import Slots from '@site/static/auto-generated/v7/tabs/slots.md';
Ion-Tabs: Tab-Based Component for App Top-Level Navigation
diff --git a/docs/api/text.md b/docs/api/text.md
index ea9db032f6c..37809c4aee7 100644
--- a/docs/api/text.md
+++ b/docs/api/text.md
@@ -1,12 +1,12 @@
---
title: "ion-text"
---
-import Props from '@site/static/auto-generated/text/props.md';
-import Events from '@site/static/auto-generated/text/events.md';
-import Methods from '@site/static/auto-generated/text/methods.md';
-import Parts from '@site/static/auto-generated/text/parts.md';
-import CustomProps from '@site/static/auto-generated/text/custom-props.md';
-import Slots from '@site/static/auto-generated/text/slots.md';
+import Props from '@site/static/auto-generated/v7/text/props.md';
+import Events from '@site/static/auto-generated/v7/text/events.md';
+import Methods from '@site/static/auto-generated/v7/text/methods.md';
+import Parts from '@site/static/auto-generated/v7/text/parts.md';
+import CustomProps from '@site/static/auto-generated/v7/text/custom-props.md';
+import Slots from '@site/static/auto-generated/v7/text/slots.md';
ion-text: Ionic App Component to Style or Change Text Color
diff --git a/docs/api/textarea.md b/docs/api/textarea.md
index bfd0e16d1f6..43f9a0b6b96 100644
--- a/docs/api/textarea.md
+++ b/docs/api/textarea.md
@@ -1,12 +1,12 @@
---
title: "ion-textarea"
---
-import Props from '@site/static/auto-generated/textarea/props.md';
-import Events from '@site/static/auto-generated/textarea/events.md';
-import Methods from '@site/static/auto-generated/textarea/methods.md';
-import Parts from '@site/static/auto-generated/textarea/parts.md';
-import CustomProps from '@site/static/auto-generated/textarea/custom-props.md';
-import Slots from '@site/static/auto-generated/textarea/slots.md';
+import Props from '@site/static/auto-generated/v7/textarea/props.md';
+import Events from '@site/static/auto-generated/v7/textarea/events.md';
+import Methods from '@site/static/auto-generated/v7/textarea/methods.md';
+import Parts from '@site/static/auto-generated/v7/textarea/parts.md';
+import CustomProps from '@site/static/auto-generated/v7/textarea/custom-props.md';
+import Slots from '@site/static/auto-generated/v7/textarea/slots.md';
Ionic Textarea Component and CSS Properties for Multi-Line Input
diff --git a/docs/api/thumbnail.md b/docs/api/thumbnail.md
index cf353200805..fa14e485587 100644
--- a/docs/api/thumbnail.md
+++ b/docs/api/thumbnail.md
@@ -2,12 +2,12 @@
title: "ion-thumbnail"
---
-import Props from '@site/static/auto-generated/thumbnail/props.md';
-import Events from '@site/static/auto-generated/thumbnail/events.md';
-import Methods from '@site/static/auto-generated/thumbnail/methods.md';
-import Parts from '@site/static/auto-generated/thumbnail/parts.md';
-import CustomProps from '@site/static/auto-generated/thumbnail/custom-props.md';
-import Slots from '@site/static/auto-generated/thumbnail/slots.md';
+import Props from '@site/static/auto-generated/v7/thumbnail/props.md';
+import Events from '@site/static/auto-generated/v7/thumbnail/events.md';
+import Methods from '@site/static/auto-generated/v7/thumbnail/methods.md';
+import Parts from '@site/static/auto-generated/v7/thumbnail/parts.md';
+import CustomProps from '@site/static/auto-generated/v7/thumbnail/custom-props.md';
+import Slots from '@site/static/auto-generated/v7/thumbnail/slots.md';
ion-thumbnail | Thumbnail App Component to Wrap Images or Icons
diff --git a/docs/api/title.md b/docs/api/title.md
index 4eb8eee4ac1..50d09d92e68 100644
--- a/docs/api/title.md
+++ b/docs/api/title.md
@@ -1,12 +1,12 @@
---
title: "ion-title"
---
-import Props from '@site/static/auto-generated/title/props.md';
-import Events from '@site/static/auto-generated/title/events.md';
-import Methods from '@site/static/auto-generated/title/methods.md';
-import Parts from '@site/static/auto-generated/title/parts.md';
-import CustomProps from '@site/static/auto-generated/title/custom-props.md';
-import Slots from '@site/static/auto-generated/title/slots.md';
+import Props from '@site/static/auto-generated/v7/title/props.md';
+import Events from '@site/static/auto-generated/v7/title/events.md';
+import Methods from '@site/static/auto-generated/v7/title/methods.md';
+import Parts from '@site/static/auto-generated/v7/title/parts.md';
+import CustomProps from '@site/static/auto-generated/v7/title/custom-props.md';
+import Slots from '@site/static/auto-generated/v7/title/slots.md';
ion-title: Ionic Framework App Title Component for Toolbars
diff --git a/docs/api/toast.md b/docs/api/toast.md
index 8d3c0ba3a4c..3ca43851515 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 '@site/static/auto-generated/toast/props.md';
-import Events from '@site/static/auto-generated/toast/events.md';
-import Methods from '@site/static/auto-generated/toast/methods.md';
-import Parts from '@site/static/auto-generated/toast/parts.md';
-import CustomProps from '@site/static/auto-generated/toast/custom-props.md';
-import Slots from '@site/static/auto-generated/toast/slots.md';
+import Props from '@site/static/auto-generated/v7/toast/props.md';
+import Events from '@site/static/auto-generated/v7/toast/events.md';
+import Methods from '@site/static/auto-generated/v7/toast/methods.md';
+import Parts from '@site/static/auto-generated/v7/toast/parts.md';
+import CustomProps from '@site/static/auto-generated/v7/toast/custom-props.md';
+import Slots from '@site/static/auto-generated/v7/toast/slots.md';
ion-toast Component: A Dismissible App Notification Alert
diff --git a/docs/api/toggle.md b/docs/api/toggle.md
index 78119d191ae..57de6ce4bf8 100644
--- a/docs/api/toggle.md
+++ b/docs/api/toggle.md
@@ -1,12 +1,12 @@
---
title: "ion-toggle"
---
-import Props from '@site/static/auto-generated/toggle/props.md';
-import Events from '@site/static/auto-generated/toggle/events.md';
-import Methods from '@site/static/auto-generated/toggle/methods.md';
-import Parts from '@site/static/auto-generated/toggle/parts.md';
-import CustomProps from '@site/static/auto-generated/toggle/custom-props.md';
-import Slots from '@site/static/auto-generated/toggle/slots.md';
+import Props from '@site/static/auto-generated/v7/toggle/props.md';
+import Events from '@site/static/auto-generated/v7/toggle/events.md';
+import Methods from '@site/static/auto-generated/v7/toggle/methods.md';
+import Parts from '@site/static/auto-generated/v7/toggle/parts.md';
+import CustomProps from '@site/static/auto-generated/v7/toggle/custom-props.md';
+import Slots from '@site/static/auto-generated/v7/toggle/slots.md';
Toggle | ion-toggle: Custom Toggle Button for Ionic Applications
diff --git a/docs/api/toolbar.md b/docs/api/toolbar.md
index 9db8ed00aa8..3b564d917c9 100644
--- a/docs/api/toolbar.md
+++ b/docs/api/toolbar.md
@@ -1,12 +1,12 @@
---
title: "ion-toolbar"
---
-import Props from '@site/static/auto-generated/toolbar/props.md';
-import Events from '@site/static/auto-generated/toolbar/events.md';
-import Methods from '@site/static/auto-generated/toolbar/methods.md';
-import Parts from '@site/static/auto-generated/toolbar/parts.md';
-import CustomProps from '@site/static/auto-generated/toolbar/custom-props.md';
-import Slots from '@site/static/auto-generated/toolbar/slots.md';
+import Props from '@site/static/auto-generated/v7/toolbar/props.md';
+import Events from '@site/static/auto-generated/v7/toolbar/events.md';
+import Methods from '@site/static/auto-generated/v7/toolbar/methods.md';
+import Parts from '@site/static/auto-generated/v7/toolbar/parts.md';
+import CustomProps from '@site/static/auto-generated/v7/toolbar/custom-props.md';
+import Slots from '@site/static/auto-generated/v7/toolbar/slots.md';
Toolbar | Customize App Menu Toolbar Buttons and Icons
diff --git a/scripts/api.js b/scripts/api.js
index 470aadb449f..df881e8a061 100644
--- a/scripts/api.js
+++ b/scripts/api.js
@@ -1,6 +1,21 @@
const fetch = require('node-fetch');
const fs = require('fs');
+/**
+ * The versions of Ionic to generate static markdown files for the API. Supports
+ * an array of objects, allowing you to specify the `npmTag`, in instances where you
+ * need to point to a dev-build or next tag for an upcoming major release.
+ */
+const versions = [
+ {
+ npmTag: '@v6', // The tag to load from unpkg
+ version: 6, // The version, used to create the folder name `v${version}`
+ },
+ {
+ npmTag: '@next',
+ version: 7,
+ },
+];
/**
*
* This script will create the autogenerated MDX files for each component.
@@ -18,26 +33,36 @@ const fs = require('fs');
*/
(async function () {
- const response = await fetch('https://unpkg.com/@ionic/docs/core.json');
- const { components } = await response.json();
-
- const names = components.map((component) => component.tag.slice(4));
- // matches all relative markdown links to a component, e.g. (../button)
- COMPONENT_LINK_REGEXP = new RegExp(`\\(../(${names.join('|')})/?(#[^)]+)?\\)`, 'g');
-
- components.forEach((comp) => {
- const compTag = comp.tag.slice(4);
- writeAutoGeneratedPage(compTag, 'props', renderProperties(comp));
- writeAutoGeneratedPage(compTag, 'events', renderEvents(comp));
- writeAutoGeneratedPage(compTag, 'methods', renderMethods(comp));
- writeAutoGeneratedPage(compTag, 'parts', renderParts(comp));
- writeAutoGeneratedPage(compTag, 'custom-props', renderCustomProps(comp));
- writeAutoGeneratedPage(compTag, 'slots', renderSlots(comp));
- });
+ for (let { npmTag, version } of versions) {
+ const response = await fetch(`https://unpkg.com/@ionic/docs${npmTag}/core.json`);
+ const { components } = await response.json();
+
+ const names = components.map((component) => component.tag.slice(4));
+ // matches all relative markdown links to a component, e.g. (../button)
+ COMPONENT_LINK_REGEXP = new RegExp(`\\(../(${names.join('|')})/?(#[^)]+)?\\)`, 'g');
+
+ components.forEach((comp) => {
+ const compTag = comp.tag.slice(4);
+ writeAutoGeneratedPage(compTag, version, 'props', renderProperties(comp));
+ writeAutoGeneratedPage(compTag, version, 'events', renderEvents(comp));
+ writeAutoGeneratedPage(compTag, version, 'methods', renderMethods(comp));
+ writeAutoGeneratedPage(compTag, version, 'parts', renderParts(comp));
+ writeAutoGeneratedPage(compTag, version, 'custom-props', renderCustomProps(comp));
+ writeAutoGeneratedPage(compTag, version, 'slots', renderSlots(comp));
+ });
+ }
})();
-function writeAutoGeneratedPage(componentTag, fileName, data) {
- const dir = `./static/auto-generated/${componentTag}`;
+/**
+ * Creates a markdown file and writes the contents to file in the static/auto-generated
+ * directory.
+ * @param {*} componentTag The tag name of the component, e.g.: ion-button
+ * @param {*} version The version of Ionic that the file pertains to, e.g.: 6
+ * @param {*} fileName The name of the generated markdown file, excluding the extension.
+ * @param {*} data The data to write to the markdown file.
+ */
+function writeAutoGeneratedPage(componentTag, version, fileName, data) {
+ const dir = `./static/auto-generated/v${version}/${componentTag}`;
const path = `${dir}/${fileName}.md`;
fs.mkdirSync(dir, { recursive: true });
fs.writeFileSync(path, data);
diff --git a/versioned_docs/version-v6/api/accordion-group.md b/versioned_docs/version-v6/api/accordion-group.md
index 2880703001c..1ce5db9ba8a 100644
--- a/versioned_docs/version-v6/api/accordion-group.md
+++ b/versioned_docs/version-v6/api/accordion-group.md
@@ -1,12 +1,13 @@
---
-title: "ion-accordion-group"
+title: 'ion-accordion-group'
---
-import Props from '@site/static/auto-generated/accordion-group/props.md';
-import Events from '@site/static/auto-generated/accordion-group/events.md';
-import Methods from '@site/static/auto-generated/accordion-group/methods.md';
-import Parts from '@site/static/auto-generated/accordion-group/parts.md';
-import CustomProps from '@site/static/auto-generated/accordion-group/custom-props.md';
-import Slots from '@site/static/auto-generated/accordion-group/slots.md';
+
+import Props from '@site/static/auto-generated/v6/accordion-group/props.md';
+import Events from '@site/static/auto-generated/v6/accordion-group/events.md';
+import Methods from '@site/static/auto-generated/v6/accordion-group/methods.md';
+import Parts from '@site/static/auto-generated/v6/accordion-group/parts.md';
+import CustomProps from '@site/static/auto-generated/v6/accordion-group/custom-props.md';
+import Slots from '@site/static/auto-generated/v6/accordion-group/slots.md';
import EncapsulationPill from '@components/page/api/EncapsulationPill';
@@ -16,7 +17,6 @@ Accordion group is a container for accordion instances. It manages the state of
See the [Accordion](./accordion) documentation for more information.
-
## Interfaces
### AccordionGroupChangeEventDetail
@@ -38,22 +38,26 @@ interface AccordionGroupCustomEvent extends CustomEvent {
}
```
-
-
## Properties
+
## Events
+
## Methods
+
## CSS Shadow Parts
+
## CSS Custom Properties
+
## Slots
+
diff --git a/versioned_docs/version-v6/api/accordion.md b/versioned_docs/version-v6/api/accordion.md
index 803f0efbfe4..6f7287bea10 100644
--- a/versioned_docs/version-v6/api/accordion.md
+++ b/versioned_docs/version-v6/api/accordion.md
@@ -2,12 +2,12 @@
title: 'ion-accordion'
---
-import Props from '@site/static/auto-generated/accordion/props.md';
-import Events from '@site/static/auto-generated/accordion/events.md';
-import Methods from '@site/static/auto-generated/accordion/methods.md';
-import Parts from '@site/static/auto-generated/accordion/parts.md';
-import CustomProps from '@site/static/auto-generated/accordion/custom-props.md';
-import Slots from '@site/static/auto-generated/accordion/slots.md';
+import Props from '@site/static/auto-generated/v6/accordion/props.md';
+import Events from '@site/static/auto-generated/v6/accordion/events.md';
+import Methods from '@site/static/auto-generated/v6/accordion/methods.md';
+import Parts from '@site/static/auto-generated/v6/accordion/parts.md';
+import CustomProps from '@site/static/auto-generated/v6/accordion/custom-props.md';
+import Slots from '@site/static/auto-generated/v6/accordion/slots.md';
Ion-Accordion Components: How to Build & Examples | Ionic
diff --git a/versioned_docs/version-v6/api/action-sheet.md b/versioned_docs/version-v6/api/action-sheet.md
index 3f2917d979f..7d5ec411cb2 100644
--- a/versioned_docs/version-v6/api/action-sheet.md
+++ b/versioned_docs/version-v6/api/action-sheet.md
@@ -2,12 +2,12 @@
title: 'ion-action-sheet'
---
-import Props from '@site/static/auto-generated/action-sheet/props.md';
-import Events from '@site/static/auto-generated/action-sheet/events.md';
-import Methods from '@site/static/auto-generated/action-sheet/methods.md';
-import Parts from '@site/static/auto-generated/action-sheet/parts.md';
-import CustomProps from '@site/static/auto-generated/action-sheet/custom-props.md';
-import Slots from '@site/static/auto-generated/action-sheet/slots.md';
+import Props from '@site/static/auto-generated/v6/action-sheet/props.md';
+import Events from '@site/static/auto-generated/v6/action-sheet/events.md';
+import Methods from '@site/static/auto-generated/v6/action-sheet/methods.md';
+import Parts from '@site/static/auto-generated/v6/action-sheet/parts.md';
+import CustomProps from '@site/static/auto-generated/v6/action-sheet/custom-props.md';
+import Slots from '@site/static/auto-generated/v6/action-sheet/slots.md';
ion-action-sheet | Action Sheet Dialog for iOS and Android Apps
diff --git a/versioned_docs/version-v6/api/alert.md b/versioned_docs/version-v6/api/alert.md
index a90625feb27..b0ceefd59e1 100644
--- a/versioned_docs/version-v6/api/alert.md
+++ b/versioned_docs/version-v6/api/alert.md
@@ -5,12 +5,12 @@ title: 'ion-alert'
import Tabs from '@theme/Tabs';
import TabItem from '@theme/TabItem';
-import Props from '@site/static/auto-generated/alert/props.md';
-import Events from '@site/static/auto-generated/alert/events.md';
-import Methods from '@site/static/auto-generated/alert/methods.md';
-import Parts from '@site/static/auto-generated/alert/parts.md';
-import CustomProps from '@site/static/auto-generated/alert/custom-props.md';
-import Slots from '@site/static/auto-generated/alert/slots.md';
+import Props from '@site/static/auto-generated/v6/alert/props.md';
+import Events from '@site/static/auto-generated/v6/alert/events.md';
+import Methods from '@site/static/auto-generated/v6/alert/methods.md';
+import Parts from '@site/static/auto-generated/v6/alert/parts.md';
+import CustomProps from '@site/static/auto-generated/v6/alert/custom-props.md';
+import Slots from '@site/static/auto-generated/v6/alert/slots.md';
ion-alert: Ionic API Alert Buttons with Custom Message Prompts
diff --git a/versioned_docs/version-v6/api/app.md b/versioned_docs/version-v6/api/app.md
index 98125d4aa8e..d22216e02c7 100644
--- a/versioned_docs/version-v6/api/app.md
+++ b/versioned_docs/version-v6/api/app.md
@@ -1,47 +1,55 @@
---
-title: "ion-app"
+title: 'ion-app'
---
-import Props from '@site/static/auto-generated/app/props.md';
-import Events from '@site/static/auto-generated/app/events.md';
-import Methods from '@site/static/auto-generated/app/methods.md';
-import Parts from '@site/static/auto-generated/app/parts.md';
-import CustomProps from '@site/static/auto-generated/app/custom-props.md';
-import Slots from '@site/static/auto-generated/app/slots.md';
+
+import Props from '@site/static/auto-generated/v6/app/props.md';
+import Events from '@site/static/auto-generated/v6/app/events.md';
+import Methods from '@site/static/auto-generated/v6/app/methods.md';
+import Parts from '@site/static/auto-generated/v6/app/parts.md';
+import CustomProps from '@site/static/auto-generated/v6/app/custom-props.md';
+import Slots from '@site/static/auto-generated/v6/app/slots.md';
ion-app: Container Element for an Ionic Application
-
+
import EncapsulationPill from '@components/page/api/EncapsulationPill';
-
App is a container element for an Ionic application. There should only be one `` element per project. An app can have many Ionic components including menus, headers, content, and footers. The overlay components get appended to the `` when they are presented.
Using `ion-app` enables the following behaviors:
-* [Keyboard Lifecycle Events](../developing/keyboard#keyboard-lifecycle-events) without the need for any native plugins
-* [Hardware Back Button Listeners](../developing/hardware-back-button) for customizing the hardware back button behavior on Android devices
-* Status bar support in Capacitor or Cordova which allows users to scroll to the top of the view by tapping the status bar
-* Scroll assist utilities which scroll the content so focused text inputs are not covered by the on-screen keyboard
-* [Ripple effect](./ripple-effect) when activating buttons on Material Design mode
-* Other tap and focus utilities which make the experience of using an Ionic app feel more native
-
+- [Keyboard Lifecycle Events](../developing/keyboard#keyboard-lifecycle-events) without the need for any native plugins
+- [Hardware Back Button Listeners](../developing/hardware-back-button) for customizing the hardware back button behavior on Android devices
+- Status bar support in Capacitor or Cordova which allows users to scroll to the top of the view by tapping the status bar
+- Scroll assist utilities which scroll the content so focused text inputs are not covered by the on-screen keyboard
+- [Ripple effect](./ripple-effect) when activating buttons on Material Design mode
+- Other tap and focus utilities which make the experience of using an Ionic app feel more native
## Properties
+
## Events
+
## Methods
+
## CSS Shadow Parts
+
## CSS Custom Properties
+
## Slots
+
diff --git a/versioned_docs/version-v6/api/avatar.md b/versioned_docs/version-v6/api/avatar.md
index 0f32507e1d7..b937eec87c6 100644
--- a/versioned_docs/version-v6/api/avatar.md
+++ b/versioned_docs/version-v6/api/avatar.md
@@ -2,12 +2,12 @@
title: 'ion-avatar'
---
-import Props from '@site/static/auto-generated/avatar/props.md';
-import Events from '@site/static/auto-generated/avatar/events.md';
-import Methods from '@site/static/auto-generated/avatar/methods.md';
-import Parts from '@site/static/auto-generated/avatar/parts.md';
-import CustomProps from '@site/static/auto-generated/avatar/custom-props.md';
-import Slots from '@site/static/auto-generated/avatar/slots.md';
+import Props from '@site/static/auto-generated/v6/avatar/props.md';
+import Events from '@site/static/auto-generated/v6/avatar/events.md';
+import Methods from '@site/static/auto-generated/v6/avatar/methods.md';
+import Parts from '@site/static/auto-generated/v6/avatar/parts.md';
+import CustomProps from '@site/static/auto-generated/v6/avatar/custom-props.md';
+import Slots from '@site/static/auto-generated/v6/avatar/slots.md';
ion-avatar: Circular Application Avatar Icon Component
diff --git a/versioned_docs/version-v6/api/back-button.md b/versioned_docs/version-v6/api/back-button.md
index d74db2d2cfa..d37830d7287 100644
--- a/versioned_docs/version-v6/api/back-button.md
+++ b/versioned_docs/version-v6/api/back-button.md
@@ -1,23 +1,26 @@
---
-title: "ion-back-button"
+title: 'ion-back-button'
---
-import Props from '@site/static/auto-generated/back-button/props.md';
-import Events from '@site/static/auto-generated/back-button/events.md';
-import Methods from '@site/static/auto-generated/back-button/methods.md';
-import Parts from '@site/static/auto-generated/back-button/parts.md';
-import CustomProps from '@site/static/auto-generated/back-button/custom-props.md';
-import Slots from '@site/static/auto-generated/back-button/slots.md';
+
+import Props from '@site/static/auto-generated/v6/back-button/props.md';
+import Events from '@site/static/auto-generated/v6/back-button/events.md';
+import Methods from '@site/static/auto-generated/v6/back-button/methods.md';
+import Parts from '@site/static/auto-generated/v6/back-button/parts.md';
+import CustomProps from '@site/static/auto-generated/v6/back-button/custom-props.md';
+import Slots from '@site/static/auto-generated/v6/back-button/slots.md';
Back Button | ion-back-button: Custom Menu Icon for Applications
-
+
import EncapsulationPill from '@components/page/api/EncapsulationPill';
-
The back button navigates back in the app's history when clicked. It is only displayed when there is history in the navigation stack, unless [`defaultHref`](#default-back-history) is set. The back button displays different text and icon based on the mode, but this can be customized.
## Basic Usage
@@ -39,19 +42,25 @@ import Custom from '@site/static/usage/v6/back-button/custom/index.md';
Occasionally an app may need to show the back button and navigate back when there is no history. This can be done by setting the `defaultHref` on the back button to a path. In order to use `defaultHref`, the app must contain a router with paths set.
## Properties
+
## Events
+
## Methods
+
## CSS Shadow Parts
+
## CSS Custom Properties
+
## Slots
+
diff --git a/versioned_docs/version-v6/api/backdrop.md b/versioned_docs/version-v6/api/backdrop.md
index 97217b36b59..9094666be8e 100644
--- a/versioned_docs/version-v6/api/backdrop.md
+++ b/versioned_docs/version-v6/api/backdrop.md
@@ -2,12 +2,12 @@
title: 'ion-backdrop'
---
-import Props from '@site/static/auto-generated/backdrop/props.md';
-import Events from '@site/static/auto-generated/backdrop/events.md';
-import Methods from '@site/static/auto-generated/backdrop/methods.md';
-import Parts from '@site/static/auto-generated/backdrop/parts.md';
-import CustomProps from '@site/static/auto-generated/backdrop/custom-props.md';
-import Slots from '@site/static/auto-generated/backdrop/slots.md';
+import Props from '@site/static/auto-generated/v6/backdrop/props.md';
+import Events from '@site/static/auto-generated/v6/backdrop/events.md';
+import Methods from '@site/static/auto-generated/v6/backdrop/methods.md';
+import Parts from '@site/static/auto-generated/v6/backdrop/parts.md';
+import CustomProps from '@site/static/auto-generated/v6/backdrop/custom-props.md';
+import Slots from '@site/static/auto-generated/v6/backdrop/slots.md';
import EncapsulationPill from '@components/page/api/EncapsulationPill';
diff --git a/versioned_docs/version-v6/api/badge.md b/versioned_docs/version-v6/api/badge.md
index 202b2f32878..70f60ae594d 100644
--- a/versioned_docs/version-v6/api/badge.md
+++ b/versioned_docs/version-v6/api/badge.md
@@ -2,12 +2,12 @@
title: 'ion-badge'
---
-import Props from '@site/static/auto-generated/badge/props.md';
-import Events from '@site/static/auto-generated/badge/events.md';
-import Methods from '@site/static/auto-generated/badge/methods.md';
-import Parts from '@site/static/auto-generated/badge/parts.md';
-import CustomProps from '@site/static/auto-generated/badge/custom-props.md';
-import Slots from '@site/static/auto-generated/badge/slots.md';
+import Props from '@site/static/auto-generated/v6/badge/props.md';
+import Events from '@site/static/auto-generated/v6/badge/events.md';
+import Methods from '@site/static/auto-generated/v6/badge/methods.md';
+import Parts from '@site/static/auto-generated/v6/badge/parts.md';
+import CustomProps from '@site/static/auto-generated/v6/badge/custom-props.md';
+import Slots from '@site/static/auto-generated/v6/badge/slots.md';
Badges | ion-badge: iOS & Android App Notification Badge Icons
diff --git a/versioned_docs/version-v6/api/breadcrumb.md b/versioned_docs/version-v6/api/breadcrumb.md
index 5be2aa6c695..ad77bdcf736 100644
--- a/versioned_docs/version-v6/api/breadcrumb.md
+++ b/versioned_docs/version-v6/api/breadcrumb.md
@@ -1,18 +1,18 @@
---
-title: "ion-breadcrumb"
+title: 'ion-breadcrumb'
---
-import Props from '@site/static/auto-generated/breadcrumb/props.md';
-import Events from '@site/static/auto-generated/breadcrumb/events.md';
-import Methods from '@site/static/auto-generated/breadcrumb/methods.md';
-import Parts from '@site/static/auto-generated/breadcrumb/parts.md';
-import CustomProps from '@site/static/auto-generated/breadcrumb/custom-props.md';
-import Slots from '@site/static/auto-generated/breadcrumb/slots.md';
+
+import Props from '@site/static/auto-generated/v6/breadcrumb/props.md';
+import Events from '@site/static/auto-generated/v6/breadcrumb/events.md';
+import Methods from '@site/static/auto-generated/v6/breadcrumb/methods.md';
+import Parts from '@site/static/auto-generated/v6/breadcrumb/parts.md';
+import CustomProps from '@site/static/auto-generated/v6/breadcrumb/custom-props.md';
+import Slots from '@site/static/auto-generated/v6/breadcrumb/slots.md';
import EncapsulationPill from '@components/page/api/EncapsulationPill';
-
A Breadcrumb is a single navigation item that is a child of the Breadcrumbs component. A breadcrumb can link elsewhere in an app or it can be plain text. Each breadcrumb has a separator between it and the next breadcrumb and can optionally contain an icon.
See the [Breadcrumbs](./breadcrumbs) documentation for more information.
@@ -38,23 +38,26 @@ interface BreadcrumbCustomEvent extends CustomEvent {
}
```
-
-
-
## Properties
+
## Events
+
## Methods
+
## CSS Shadow Parts
+
## CSS Custom Properties
+
## Slots
+
diff --git a/versioned_docs/version-v6/api/breadcrumbs.md b/versioned_docs/version-v6/api/breadcrumbs.md
index 561539a973e..8afadd3b441 100644
--- a/versioned_docs/version-v6/api/breadcrumbs.md
+++ b/versioned_docs/version-v6/api/breadcrumbs.md
@@ -2,12 +2,12 @@
title: 'ion-breadcrumbs'
---
-import Props from '@site/static/auto-generated/breadcrumbs/props.md';
-import Events from '@site/static/auto-generated/breadcrumbs/events.md';
-import Methods from '@site/static/auto-generated/breadcrumbs/methods.md';
-import Parts from '@site/static/auto-generated/breadcrumbs/parts.md';
-import CustomProps from '@site/static/auto-generated/breadcrumbs/custom-props.md';
-import Slots from '@site/static/auto-generated/breadcrumbs/slots.md';
+import Props from '@site/static/auto-generated/v6/breadcrumbs/props.md';
+import Events from '@site/static/auto-generated/v6/breadcrumbs/events.md';
+import Methods from '@site/static/auto-generated/v6/breadcrumbs/methods.md';
+import Parts from '@site/static/auto-generated/v6/breadcrumbs/parts.md';
+import CustomProps from '@site/static/auto-generated/v6/breadcrumbs/custom-props.md';
+import Slots from '@site/static/auto-generated/v6/breadcrumbs/slots.md';
import EncapsulationPill from '@components/page/api/EncapsulationPill';
diff --git a/versioned_docs/version-v6/api/button.md b/versioned_docs/version-v6/api/button.md
index a78f98da7a8..aa01c7641b9 100644
--- a/versioned_docs/version-v6/api/button.md
+++ b/versioned_docs/version-v6/api/button.md
@@ -2,12 +2,12 @@
title: 'ion-button'
---
-import Props from '@site/static/auto-generated/button/props.md';
-import Events from '@site/static/auto-generated/button/events.md';
-import Methods from '@site/static/auto-generated/button/methods.md';
-import Parts from '@site/static/auto-generated/button/parts.md';
-import CustomProps from '@site/static/auto-generated/button/custom-props.md';
-import Slots from '@site/static/auto-generated/button/slots.md';
+import Props from '@site/static/auto-generated/v6/button/props.md';
+import Events from '@site/static/auto-generated/v6/button/events.md';
+import Methods from '@site/static/auto-generated/v6/button/methods.md';
+import Parts from '@site/static/auto-generated/v6/button/parts.md';
+import CustomProps from '@site/static/auto-generated/v6/button/custom-props.md';
+import Slots from '@site/static/auto-generated/v6/button/slots.md';
ion-button: Design and Style Buttons with Custom CSS Properties
diff --git a/versioned_docs/version-v6/api/buttons.md b/versioned_docs/version-v6/api/buttons.md
index c22bd4c0ad5..7e675a8e845 100644
--- a/versioned_docs/version-v6/api/buttons.md
+++ b/versioned_docs/version-v6/api/buttons.md
@@ -2,12 +2,12 @@
title: 'ion-buttons'
---
-import Props from '@site/static/auto-generated/buttons/props.md';
-import Events from '@site/static/auto-generated/buttons/events.md';
-import Methods from '@site/static/auto-generated/buttons/methods.md';
-import Parts from '@site/static/auto-generated/buttons/parts.md';
-import CustomProps from '@site/static/auto-generated/buttons/custom-props.md';
-import Slots from '@site/static/auto-generated/buttons/slots.md';
+import Props from '@site/static/auto-generated/v6/buttons/props.md';
+import Events from '@site/static/auto-generated/v6/buttons/events.md';
+import Methods from '@site/static/auto-generated/v6/buttons/methods.md';
+import Parts from '@site/static/auto-generated/v6/buttons/parts.md';
+import CustomProps from '@site/static/auto-generated/v6/buttons/custom-props.md';
+import Slots from '@site/static/auto-generated/v6/buttons/slots.md';
ion-buttons: Toolbar Element with Named Slots for Buttons
diff --git a/versioned_docs/version-v6/api/card-content.md b/versioned_docs/version-v6/api/card-content.md
index 647cba00897..fc49a0db79e 100644
--- a/versioned_docs/version-v6/api/card-content.md
+++ b/versioned_docs/version-v6/api/card-content.md
@@ -1,35 +1,40 @@
---
-title: "ion-card-content"
+title: 'ion-card-content'
---
-import Props from '@site/static/auto-generated/card-content/props.md';
-import Events from '@site/static/auto-generated/card-content/events.md';
-import Methods from '@site/static/auto-generated/card-content/methods.md';
-import Parts from '@site/static/auto-generated/card-content/parts.md';
-import CustomProps from '@site/static/auto-generated/card-content/custom-props.md';
-import Slots from '@site/static/auto-generated/card-content/slots.md';
-import EncapsulationPill from '@components/page/api/EncapsulationPill';
+import Props from '@site/static/auto-generated/v6/card-content/props.md';
+import Events from '@site/static/auto-generated/v6/card-content/events.md';
+import Methods from '@site/static/auto-generated/v6/card-content/methods.md';
+import Parts from '@site/static/auto-generated/v6/card-content/parts.md';
+import CustomProps from '@site/static/auto-generated/v6/card-content/custom-props.md';
+import Slots from '@site/static/auto-generated/v6/card-content/slots.md';
+import EncapsulationPill from '@components/page/api/EncapsulationPill';
Card content is a child component of card that adds padding around its contents. It is recommended that any text content for a card should be placed inside of card content.
See the [Card](./card) documentation for more information.
-
## Properties
+
## Events
+
## Methods
+
## CSS Shadow Parts
+
## CSS Custom Properties
+
## Slots
+
diff --git a/versioned_docs/version-v6/api/card-header.md b/versioned_docs/version-v6/api/card-header.md
index 2e52467ed43..deffb082c47 100644
--- a/versioned_docs/version-v6/api/card-header.md
+++ b/versioned_docs/version-v6/api/card-header.md
@@ -1,37 +1,42 @@
---
-title: "ion-card-header"
+title: 'ion-card-header'
---
-import Props from '@site/static/auto-generated/card-header/props.md';
-import Events from '@site/static/auto-generated/card-header/events.md';
-import Methods from '@site/static/auto-generated/card-header/methods.md';
-import Parts from '@site/static/auto-generated/card-header/parts.md';
-import CustomProps from '@site/static/auto-generated/card-header/custom-props.md';
-import Slots from '@site/static/auto-generated/card-header/slots.md';
+
+import Props from '@site/static/auto-generated/v6/card-header/props.md';
+import Events from '@site/static/auto-generated/v6/card-header/events.md';
+import Methods from '@site/static/auto-generated/v6/card-header/methods.md';
+import Parts from '@site/static/auto-generated/v6/card-header/parts.md';
+import CustomProps from '@site/static/auto-generated/v6/card-header/custom-props.md';
+import Slots from '@site/static/auto-generated/v6/card-header/slots.md';
import EncapsulationPill from '@components/page/api/EncapsulationPill';
-
Card header is a child component of card that should be placed before the card content. It can contain a [card title](./card-title) and a [card subtitle](./card-subtitle).
See the [Card](./card) documentation for more information.
-
## Properties
+
## Events
+
## Methods
+
## CSS Shadow Parts
+
## CSS Custom Properties
+
## Slots
+
diff --git a/versioned_docs/version-v6/api/card-subtitle.md b/versioned_docs/version-v6/api/card-subtitle.md
index ec72784cd99..863ae5208df 100644
--- a/versioned_docs/version-v6/api/card-subtitle.md
+++ b/versioned_docs/version-v6/api/card-subtitle.md
@@ -1,37 +1,42 @@
---
-title: "ion-card-subtitle"
+title: 'ion-card-subtitle'
---
-import Props from '@site/static/auto-generated/card-subtitle/props.md';
-import Events from '@site/static/auto-generated/card-subtitle/events.md';
-import Methods from '@site/static/auto-generated/card-subtitle/methods.md';
-import Parts from '@site/static/auto-generated/card-subtitle/parts.md';
-import CustomProps from '@site/static/auto-generated/card-subtitle/custom-props.md';
-import Slots from '@site/static/auto-generated/card-subtitle/slots.md';
+
+import Props from '@site/static/auto-generated/v6/card-subtitle/props.md';
+import Events from '@site/static/auto-generated/v6/card-subtitle/events.md';
+import Methods from '@site/static/auto-generated/v6/card-subtitle/methods.md';
+import Parts from '@site/static/auto-generated/v6/card-subtitle/parts.md';
+import CustomProps from '@site/static/auto-generated/v6/card-subtitle/custom-props.md';
+import Slots from '@site/static/auto-generated/v6/card-subtitle/slots.md';
import EncapsulationPill from '@components/page/api/EncapsulationPill';
-
Card subtitle is a child component of card that should be placed inside of a [card header](./card-header).
See the [Card](./card) documentation for more information.
-
## Properties
+
## Events
+
## Methods
+
## CSS Shadow Parts
+
## CSS Custom Properties
+
## Slots
+
diff --git a/versioned_docs/version-v6/api/card-title.md b/versioned_docs/version-v6/api/card-title.md
index 33b24158eb5..e396405692c 100644
--- a/versioned_docs/version-v6/api/card-title.md
+++ b/versioned_docs/version-v6/api/card-title.md
@@ -1,42 +1,50 @@
---
-title: "ion-card-title"
+title: 'ion-card-title'
---
-import Props from '@site/static/auto-generated/card-title/props.md';
-import Events from '@site/static/auto-generated/card-title/events.md';
-import Methods from '@site/static/auto-generated/card-title/methods.md';
-import Parts from '@site/static/auto-generated/card-title/parts.md';
-import CustomProps from '@site/static/auto-generated/card-title/custom-props.md';
-import Slots from '@site/static/auto-generated/card-title/slots.md';
+
+import Props from '@site/static/auto-generated/v6/card-title/props.md';
+import Events from '@site/static/auto-generated/v6/card-title/events.md';
+import Methods from '@site/static/auto-generated/v6/card-title/methods.md';
+import Parts from '@site/static/auto-generated/v6/card-title/parts.md';
+import CustomProps from '@site/static/auto-generated/v6/card-title/custom-props.md';
+import Slots from '@site/static/auto-generated/v6/card-title/slots.md';
import EncapsulationPill from '@components/page/api/EncapsulationPill';
ion-card-title | Ionic App Card Title Component and Properties
-
+
-
Card title is a child component of card that should be placed inside of a [card header](./card-header).
See the [Card](./card) documentation for more information.
-
## Properties
+
## Events
+
## Methods
+
## CSS Shadow Parts
+
## CSS Custom Properties
+
## Slots
+
diff --git a/versioned_docs/version-v6/api/card.md b/versioned_docs/version-v6/api/card.md
index fda33f2e804..aacd35398dd 100644
--- a/versioned_docs/version-v6/api/card.md
+++ b/versioned_docs/version-v6/api/card.md
@@ -2,12 +2,12 @@
title: 'ion-card'
---
-import Props from '@site/static/auto-generated/card/props.md';
-import Events from '@site/static/auto-generated/card/events.md';
-import Methods from '@site/static/auto-generated/card/methods.md';
-import Parts from '@site/static/auto-generated/card/parts.md';
-import CustomProps from '@site/static/auto-generated/card/custom-props.md';
-import Slots from '@site/static/auto-generated/card/slots.md';
+import Props from '@site/static/auto-generated/v6/card/props.md';
+import Events from '@site/static/auto-generated/v6/card/events.md';
+import Methods from '@site/static/auto-generated/v6/card/methods.md';
+import Parts from '@site/static/auto-generated/v6/card/parts.md';
+import CustomProps from '@site/static/auto-generated/v6/card/custom-props.md';
+import Slots from '@site/static/auto-generated/v6/card/slots.md';
import EncapsulationPill from '@components/page/api/EncapsulationPill';
diff --git a/versioned_docs/version-v6/api/checkbox.md b/versioned_docs/version-v6/api/checkbox.md
index 7344a77f0d1..fe002f4b129 100644
--- a/versioned_docs/version-v6/api/checkbox.md
+++ b/versioned_docs/version-v6/api/checkbox.md
@@ -2,12 +2,12 @@
title: 'ion-checkbox'
---
-import Props from '@site/static/auto-generated/checkbox/props.md';
-import Events from '@site/static/auto-generated/checkbox/events.md';
-import Methods from '@site/static/auto-generated/checkbox/methods.md';
-import Parts from '@site/static/auto-generated/checkbox/parts.md';
-import CustomProps from '@site/static/auto-generated/checkbox/custom-props.md';
-import Slots from '@site/static/auto-generated/checkbox/slots.md';
+import Props from '@site/static/auto-generated/v6/checkbox/props.md';
+import Events from '@site/static/auto-generated/v6/checkbox/events.md';
+import Methods from '@site/static/auto-generated/v6/checkbox/methods.md';
+import Parts from '@site/static/auto-generated/v6/checkbox/parts.md';
+import CustomProps from '@site/static/auto-generated/v6/checkbox/custom-props.md';
+import Slots from '@site/static/auto-generated/v6/checkbox/slots.md';
ion-checkboxes: Ionic App Component to Select Multiple Options
diff --git a/versioned_docs/version-v6/api/chip.md b/versioned_docs/version-v6/api/chip.md
index 46e13e98292..1226ded3d84 100644
--- a/versioned_docs/version-v6/api/chip.md
+++ b/versioned_docs/version-v6/api/chip.md
@@ -2,12 +2,12 @@
title: 'ion-chip'
---
-import Props from '@site/static/auto-generated/chip/props.md';
-import Events from '@site/static/auto-generated/chip/events.md';
-import Methods from '@site/static/auto-generated/chip/methods.md';
-import Parts from '@site/static/auto-generated/chip/parts.md';
-import CustomProps from '@site/static/auto-generated/chip/custom-props.md';
-import Slots from '@site/static/auto-generated/chip/slots.md';
+import Props from '@site/static/auto-generated/v6/chip/props.md';
+import Events from '@site/static/auto-generated/v6/chip/events.md';
+import Methods from '@site/static/auto-generated/v6/chip/methods.md';
+import Parts from '@site/static/auto-generated/v6/chip/parts.md';
+import CustomProps from '@site/static/auto-generated/v6/chip/custom-props.md';
+import Slots from '@site/static/auto-generated/v6/chip/slots.md';
ion-chip: Name, Text, Icon and Avatar for Ionic Framework Apps
diff --git a/versioned_docs/version-v6/api/col.md b/versioned_docs/version-v6/api/col.md
index e5872b4f6a1..b43f02a0a2f 100644
--- a/versioned_docs/version-v6/api/col.md
+++ b/versioned_docs/version-v6/api/col.md
@@ -1,49 +1,54 @@
---
-title: "ion-col"
+title: 'ion-col'
---
-import Props from '@site/static/auto-generated/col/props.md';
-import Events from '@site/static/auto-generated/col/events.md';
-import Methods from '@site/static/auto-generated/col/methods.md';
-import Parts from '@site/static/auto-generated/col/parts.md';
-import CustomProps from '@site/static/auto-generated/col/custom-props.md';
-import Slots from '@site/static/auto-generated/col/slots.md';
+
+import Props from '@site/static/auto-generated/v6/col/props.md';
+import Events from '@site/static/auto-generated/v6/col/events.md';
+import Methods from '@site/static/auto-generated/v6/col/methods.md';
+import Parts from '@site/static/auto-generated/v6/col/parts.md';
+import CustomProps from '@site/static/auto-generated/v6/col/custom-props.md';
+import Slots from '@site/static/auto-generated/v6/col/slots.md';
ion-col: Column Component Padding, Size and Other Properties
-
+
import EncapsulationPill from '@components/page/api/EncapsulationPill';
-
Columns are cellular components of the [grid](./grid) system and go inside of a [row](./row). They will expand to fill the row. All content within a grid should go inside of a column.
See the [grid](./grid) documentation for more information.
-
## Column Alignment
By default, columns will stretch to fill the entire height of the row. Columns are [flex items](https://developer.mozilla.org/en-US/docs/Glossary/Flex_Item), so there are several [CSS classes](/docs/layout/css-utilities#flex-item-properties) that can be applied to a column to customize this behavior.
-
-
-
## Properties
+
## Events
+
## Methods
+
## CSS Shadow Parts
+
## CSS Custom Properties
+
## Slots
+
diff --git a/versioned_docs/version-v6/api/content.md b/versioned_docs/version-v6/api/content.md
index 528f39b7958..317f8f7cf39 100644
--- a/versioned_docs/version-v6/api/content.md
+++ b/versioned_docs/version-v6/api/content.md
@@ -2,12 +2,12 @@
title: 'ion-content'
---
-import Props from '@site/static/auto-generated/content/props.md';
-import Events from '@site/static/auto-generated/content/events.md';
-import Methods from '@site/static/auto-generated/content/methods.md';
-import Parts from '@site/static/auto-generated/content/parts.md';
-import CustomProps from '@site/static/auto-generated/content/custom-props.md';
-import Slots from '@site/static/auto-generated/content/slots.md';
+import Props from '@site/static/auto-generated/v6/content/props.md';
+import Events from '@site/static/auto-generated/v6/content/events.md';
+import Methods from '@site/static/auto-generated/v6/content/methods.md';
+import Parts from '@site/static/auto-generated/v6/content/parts.md';
+import CustomProps from '@site/static/auto-generated/v6/content/custom-props.md';
+import Slots from '@site/static/auto-generated/v6/content/slots.md';
ion-content: Scrollable CSS Component for Ionic App Content Areas
diff --git a/versioned_docs/version-v6/api/datetime-button.md b/versioned_docs/version-v6/api/datetime-button.md
index 78e691b231d..744392100b2 100644
--- a/versioned_docs/version-v6/api/datetime-button.md
+++ b/versioned_docs/version-v6/api/datetime-button.md
@@ -2,12 +2,12 @@
title: 'ion-datetime-button'
---
-import Props from '@site/static/auto-generated/datetime-button/props.md';
-import Events from '@site/static/auto-generated/datetime-button/events.md';
-import Methods from '@site/static/auto-generated/datetime-button/methods.md';
-import Parts from '@site/static/auto-generated/datetime-button/parts.md';
-import CustomProps from '@site/static/auto-generated/datetime-button/custom-props.md';
-import Slots from '@site/static/auto-generated/datetime-button/slots.md';
+import Props from '@site/static/auto-generated/v6/datetime-button/props.md';
+import Events from '@site/static/auto-generated/v6/datetime-button/events.md';
+import Methods from '@site/static/auto-generated/v6/datetime-button/methods.md';
+import Parts from '@site/static/auto-generated/v6/datetime-button/parts.md';
+import CustomProps from '@site/static/auto-generated/v6/datetime-button/custom-props.md';
+import Slots from '@site/static/auto-generated/v6/datetime-button/slots.md';
ion-datetime-button: Ionic API Input for interacting with Datetime picker
diff --git a/versioned_docs/version-v6/api/datetime.md b/versioned_docs/version-v6/api/datetime.md
index 021146d87ff..213b9fc91d6 100644
--- a/versioned_docs/version-v6/api/datetime.md
+++ b/versioned_docs/version-v6/api/datetime.md
@@ -2,12 +2,12 @@
title: 'ion-datetime'
---
-import Props from '@site/static/auto-generated/datetime/props.md';
-import Events from '@site/static/auto-generated/datetime/events.md';
-import Methods from '@site/static/auto-generated/datetime/methods.md';
-import Parts from '@site/static/auto-generated/datetime/parts.md';
-import CustomProps from '@site/static/auto-generated/datetime/custom-props.md';
-import Slots from '@site/static/auto-generated/datetime/slots.md';
+import Props from '@site/static/auto-generated/v6/datetime/props.md';
+import Events from '@site/static/auto-generated/v6/datetime/events.md';
+import Methods from '@site/static/auto-generated/v6/datetime/methods.md';
+import Parts from '@site/static/auto-generated/v6/datetime/parts.md';
+import CustomProps from '@site/static/auto-generated/v6/datetime/custom-props.md';
+import Slots from '@site/static/auto-generated/v6/datetime/slots.md';
import Basic from '@site/static/usage/v6/datetime/basic/index.md';
diff --git a/versioned_docs/version-v6/api/fab-button.md b/versioned_docs/version-v6/api/fab-button.md
index ab86a48426e..f6d9dc6e01b 100644
--- a/versioned_docs/version-v6/api/fab-button.md
+++ b/versioned_docs/version-v6/api/fab-button.md
@@ -1,23 +1,26 @@
---
-title: "ion-fab-button"
+title: 'ion-fab-button'
---
-import Props from '@site/static/auto-generated/fab-button/props.md';
-import Events from '@site/static/auto-generated/fab-button/events.md';
-import Methods from '@site/static/auto-generated/fab-button/methods.md';
-import Parts from '@site/static/auto-generated/fab-button/parts.md';
-import CustomProps from '@site/static/auto-generated/fab-button/custom-props.md';
-import Slots from '@site/static/auto-generated/fab-button/slots.md';
+
+import Props from '@site/static/auto-generated/v6/fab-button/props.md';
+import Events from '@site/static/auto-generated/v6/fab-button/events.md';
+import Methods from '@site/static/auto-generated/v6/fab-button/methods.md';
+import Parts from '@site/static/auto-generated/v6/fab-button/parts.md';
+import CustomProps from '@site/static/auto-generated/v6/fab-button/custom-props.md';
+import Slots from '@site/static/auto-generated/v6/fab-button/slots.md';
Floating Action Button | Ionic FAB Button Icon for Primary Action
-
+
import EncapsulationPill from '@components/page/api/EncapsulationPill';
-
Floating Action Buttons (FABs) represent the primary action in an application. By default, they have a circular shape. When pressed, the button may open more related actions.
As the name suggests, FABs generally float over the content in a fixed position. This is achieved by wrapping the fab button in a [fab](./fab) component. If the button is not wrapped with a fab, it will scroll with the content.
@@ -25,19 +28,25 @@ As the name suggests, FABs generally float over the content in a fixed position.
For usage examples, see the [fab documentation](./fab).
## Properties
+
## Events
+
## Methods
+
## CSS Shadow Parts
+
## CSS Custom Properties
+
## Slots
-
\ No newline at end of file
+
+
diff --git a/versioned_docs/version-v6/api/fab-list.md b/versioned_docs/version-v6/api/fab-list.md
index a0659a394d7..8ed4d9f8a22 100644
--- a/versioned_docs/version-v6/api/fab-list.md
+++ b/versioned_docs/version-v6/api/fab-list.md
@@ -1,12 +1,13 @@
---
-title: "ion-fab-list"
+title: 'ion-fab-list'
---
-import Props from '@site/static/auto-generated/fab-list/props.md';
-import Events from '@site/static/auto-generated/fab-list/events.md';
-import Methods from '@site/static/auto-generated/fab-list/methods.md';
-import Parts from '@site/static/auto-generated/fab-list/parts.md';
-import CustomProps from '@site/static/auto-generated/fab-list/custom-props.md';
-import Slots from '@site/static/auto-generated/fab-list/slots.md';
+
+import Props from '@site/static/auto-generated/v6/fab-list/props.md';
+import Events from '@site/static/auto-generated/v6/fab-list/events.md';
+import Methods from '@site/static/auto-generated/v6/fab-list/methods.md';
+import Parts from '@site/static/auto-generated/v6/fab-list/parts.md';
+import CustomProps from '@site/static/auto-generated/v6/fab-list/custom-props.md';
+import Slots from '@site/static/auto-generated/v6/fab-list/slots.md';
import EncapsulationPill from '@components/page/api/EncapsulationPill';
@@ -17,19 +18,25 @@ The fab list component is a container for multiple [fab buttons](./fab-button).
For usage examples, see the [fab documentation](./fab).
## Properties
+
## Events
+
## Methods
+
## CSS Shadow Parts
+
## CSS Custom Properties
+
## Slots
-
\ No newline at end of file
+
+
diff --git a/versioned_docs/version-v6/api/fab.md b/versioned_docs/version-v6/api/fab.md
index 5ecfbbd012d..91dbdeb3a3c 100644
--- a/versioned_docs/version-v6/api/fab.md
+++ b/versioned_docs/version-v6/api/fab.md
@@ -2,12 +2,12 @@
title: 'ion-fab'
---
-import Props from '@site/static/auto-generated/fab/props.md';
-import Events from '@site/static/auto-generated/fab/events.md';
-import Methods from '@site/static/auto-generated/fab/methods.md';
-import Parts from '@site/static/auto-generated/fab/parts.md';
-import CustomProps from '@site/static/auto-generated/fab/custom-props.md';
-import Slots from '@site/static/auto-generated/fab/slots.md';
+import Props from '@site/static/auto-generated/v6/fab/props.md';
+import Events from '@site/static/auto-generated/v6/fab/events.md';
+import Methods from '@site/static/auto-generated/v6/fab/methods.md';
+import Parts from '@site/static/auto-generated/v6/fab/parts.md';
+import CustomProps from '@site/static/auto-generated/v6/fab/custom-props.md';
+import Slots from '@site/static/auto-generated/v6/fab/slots.md';
ion-fab: Floating Action Button for Android and iOS Ionic Apps
diff --git a/versioned_docs/version-v6/api/footer.md b/versioned_docs/version-v6/api/footer.md
index 0a4820b5713..cab82d5537f 100644
--- a/versioned_docs/version-v6/api/footer.md
+++ b/versioned_docs/version-v6/api/footer.md
@@ -2,12 +2,12 @@
title: 'ion-footer'
---
-import Props from '@site/static/auto-generated/footer/props.md';
-import Events from '@site/static/auto-generated/footer/events.md';
-import Methods from '@site/static/auto-generated/footer/methods.md';
-import Parts from '@site/static/auto-generated/footer/parts.md';
-import CustomProps from '@site/static/auto-generated/footer/custom-props.md';
-import Slots from '@site/static/auto-generated/footer/slots.md';
+import Props from '@site/static/auto-generated/v6/footer/props.md';
+import Events from '@site/static/auto-generated/v6/footer/events.md';
+import Methods from '@site/static/auto-generated/v6/footer/methods.md';
+import Parts from '@site/static/auto-generated/v6/footer/parts.md';
+import CustomProps from '@site/static/auto-generated/v6/footer/custom-props.md';
+import Slots from '@site/static/auto-generated/v6/footer/slots.md';
Page Footer | Ionic App Footer: Wrapper Root Page Component
diff --git a/versioned_docs/version-v6/api/grid.md b/versioned_docs/version-v6/api/grid.md
index 22ea8c2f0f1..ed05619f79d 100644
--- a/versioned_docs/version-v6/api/grid.md
+++ b/versioned_docs/version-v6/api/grid.md
@@ -2,12 +2,12 @@
title: 'ion-grid'
---
-import Props from '@site/static/auto-generated/grid/props.md';
-import Events from '@site/static/auto-generated/grid/events.md';
-import Methods from '@site/static/auto-generated/grid/methods.md';
-import Parts from '@site/static/auto-generated/grid/parts.md';
-import CustomProps from '@site/static/auto-generated/grid/custom-props.md';
-import Slots from '@site/static/auto-generated/grid/slots.md';
+import Props from '@site/static/auto-generated/v6/grid/props.md';
+import Events from '@site/static/auto-generated/v6/grid/events.md';
+import Methods from '@site/static/auto-generated/v6/grid/methods.md';
+import Parts from '@site/static/auto-generated/v6/grid/parts.md';
+import CustomProps from '@site/static/auto-generated/v6/grid/custom-props.md';
+import Slots from '@site/static/auto-generated/v6/grid/slots.md';
Ion-Grid: Display Grids to Build Mobile-First Custom App Layout
diff --git a/versioned_docs/version-v6/api/header.md b/versioned_docs/version-v6/api/header.md
index a746f955361..021202cb9ac 100644
--- a/versioned_docs/version-v6/api/header.md
+++ b/versioned_docs/version-v6/api/header.md
@@ -2,12 +2,12 @@
title: 'ion-header'
---
-import Props from '@site/static/auto-generated/header/props.md';
-import Events from '@site/static/auto-generated/header/events.md';
-import Methods from '@site/static/auto-generated/header/methods.md';
-import Parts from '@site/static/auto-generated/header/parts.md';
-import CustomProps from '@site/static/auto-generated/header/custom-props.md';
-import Slots from '@site/static/auto-generated/header/slots.md';
+import Props from '@site/static/auto-generated/v6/header/props.md';
+import Events from '@site/static/auto-generated/v6/header/events.md';
+import Methods from '@site/static/auto-generated/v6/header/methods.md';
+import Parts from '@site/static/auto-generated/v6/header/parts.md';
+import CustomProps from '@site/static/auto-generated/v6/header/custom-props.md';
+import Slots from '@site/static/auto-generated/v6/header/slots.md';
ion-header: Header Parent Component for Ionic Framework Apps
diff --git a/versioned_docs/version-v6/api/img.md b/versioned_docs/version-v6/api/img.md
index aa1010e46b5..86e3505c5c3 100644
--- a/versioned_docs/version-v6/api/img.md
+++ b/versioned_docs/version-v6/api/img.md
@@ -2,12 +2,12 @@
title: 'ion-img'
---
-import Props from '@site/static/auto-generated/img/props.md';
-import Events from '@site/static/auto-generated/img/events.md';
-import Methods from '@site/static/auto-generated/img/methods.md';
-import Parts from '@site/static/auto-generated/img/parts.md';
-import CustomProps from '@site/static/auto-generated/img/custom-props.md';
-import Slots from '@site/static/auto-generated/img/slots.md';
+import Props from '@site/static/auto-generated/v6/img/props.md';
+import Events from '@site/static/auto-generated/v6/img/events.md';
+import Methods from '@site/static/auto-generated/v6/img/methods.md';
+import Parts from '@site/static/auto-generated/v6/img/parts.md';
+import CustomProps from '@site/static/auto-generated/v6/img/custom-props.md';
+import Slots from '@site/static/auto-generated/v6/img/slots.md';
Img Tag to Lazy Load Images in Viewport | ion-img Tag
diff --git a/versioned_docs/version-v6/api/infinite-scroll-content.md b/versioned_docs/version-v6/api/infinite-scroll-content.md
index 2647dffdb87..8f9494681e1 100644
--- a/versioned_docs/version-v6/api/infinite-scroll-content.md
+++ b/versioned_docs/version-v6/api/infinite-scroll-content.md
@@ -1,13 +1,13 @@
---
-title: "ion-infinite-scroll-content"
+title: 'ion-infinite-scroll-content'
---
-import Props from '@site/static/auto-generated/infinite-scroll-content/props.md';
-import Events from '@site/static/auto-generated/infinite-scroll-content/events.md';
-import Methods from '@site/static/auto-generated/infinite-scroll-content/methods.md';
-import Parts from '@site/static/auto-generated/infinite-scroll-content/parts.md';
-import CustomProps from '@site/static/auto-generated/infinite-scroll-content/custom-props.md';
-import Slots from '@site/static/auto-generated/infinite-scroll-content/slots.md';
+import Props from '@site/static/auto-generated/v6/infinite-scroll-content/props.md';
+import Events from '@site/static/auto-generated/v6/infinite-scroll-content/events.md';
+import Methods from '@site/static/auto-generated/v6/infinite-scroll-content/methods.md';
+import Parts from '@site/static/auto-generated/v6/infinite-scroll-content/parts.md';
+import CustomProps from '@site/static/auto-generated/v6/infinite-scroll-content/custom-props.md';
+import Slots from '@site/static/auto-generated/v6/infinite-scroll-content/slots.md';
import EncapsulationPill from '@components/page/api/EncapsulationPill';
@@ -16,19 +16,25 @@ The `ion-infinite-scroll-content` component is the default child used by the `io
For more information as well as usage, see the [Infinite Scroll Documentation](./infinite-scroll.md#infinite-scroll-content).
## Properties
+
## Events
+
## Methods
+
## CSS Shadow Parts
+
## CSS Custom Properties
+
## Slots
-
\ No newline at end of file
+
+
diff --git a/versioned_docs/version-v6/api/infinite-scroll.md b/versioned_docs/version-v6/api/infinite-scroll.md
index 0ea2be497e9..0e31edfc1f9 100644
--- a/versioned_docs/version-v6/api/infinite-scroll.md
+++ b/versioned_docs/version-v6/api/infinite-scroll.md
@@ -2,12 +2,12 @@
title: 'ion-infinite-scroll'
---
-import Props from '@site/static/auto-generated/infinite-scroll/props.md';
-import Events from '@site/static/auto-generated/infinite-scroll/events.md';
-import Methods from '@site/static/auto-generated/infinite-scroll/methods.md';
-import Parts from '@site/static/auto-generated/infinite-scroll/parts.md';
-import CustomProps from '@site/static/auto-generated/infinite-scroll/custom-props.md';
-import Slots from '@site/static/auto-generated/infinite-scroll/slots.md';
+import Props from '@site/static/auto-generated/v6/infinite-scroll/props.md';
+import Events from '@site/static/auto-generated/v6/infinite-scroll/events.md';
+import Methods from '@site/static/auto-generated/v6/infinite-scroll/methods.md';
+import Parts from '@site/static/auto-generated/v6/infinite-scroll/parts.md';
+import CustomProps from '@site/static/auto-generated/v6/infinite-scroll/custom-props.md';
+import Slots from '@site/static/auto-generated/v6/infinite-scroll/slots.md';
Infinite Scroller | ion-infinite-scroll Action Component
diff --git a/versioned_docs/version-v6/api/input.md b/versioned_docs/version-v6/api/input.md
index f9c328996e7..db58657eaef 100644
--- a/versioned_docs/version-v6/api/input.md
+++ b/versioned_docs/version-v6/api/input.md
@@ -2,12 +2,12 @@
title: 'ion-input'
---
-import Props from '@site/static/auto-generated/input/props.md';
-import Events from '@site/static/auto-generated/input/events.md';
-import Methods from '@site/static/auto-generated/input/methods.md';
-import Parts from '@site/static/auto-generated/input/parts.md';
-import CustomProps from '@site/static/auto-generated/input/custom-props.md';
-import Slots from '@site/static/auto-generated/input/slots.md';
+import Props from '@site/static/auto-generated/v6/input/props.md';
+import Events from '@site/static/auto-generated/v6/input/events.md';
+import Methods from '@site/static/auto-generated/v6/input/methods.md';
+import Parts from '@site/static/auto-generated/v6/input/parts.md';
+import CustomProps from '@site/static/auto-generated/v6/input/custom-props.md';
+import Slots from '@site/static/auto-generated/v6/input/slots.md';
ion-input: Custom Input Value Type Styling and CSS Properties
diff --git a/versioned_docs/version-v6/api/item-divider.md b/versioned_docs/version-v6/api/item-divider.md
index 381d9eb414a..88fd7075f4f 100644
--- a/versioned_docs/version-v6/api/item-divider.md
+++ b/versioned_docs/version-v6/api/item-divider.md
@@ -2,12 +2,12 @@
title: 'ion-item-divider'
---
-import Props from '@site/static/auto-generated/item-divider/props.md';
-import Events from '@site/static/auto-generated/item-divider/events.md';
-import Methods from '@site/static/auto-generated/item-divider/methods.md';
-import Parts from '@site/static/auto-generated/item-divider/parts.md';
-import CustomProps from '@site/static/auto-generated/item-divider/custom-props.md';
-import Slots from '@site/static/auto-generated/item-divider/slots.md';
+import Props from '@site/static/auto-generated/v6/item-divider/props.md';
+import Events from '@site/static/auto-generated/v6/item-divider/events.md';
+import Methods from '@site/static/auto-generated/v6/item-divider/methods.md';
+import Parts from '@site/static/auto-generated/v6/item-divider/parts.md';
+import CustomProps from '@site/static/auto-generated/v6/item-divider/custom-props.md';
+import Slots from '@site/static/auto-generated/v6/item-divider/slots.md';
Item Divider | List Item Divider Block Element for Ionic Apps
diff --git a/versioned_docs/version-v6/api/item-group.md b/versioned_docs/version-v6/api/item-group.md
index c7920c017dd..cd6105ae616 100644
--- a/versioned_docs/version-v6/api/item-group.md
+++ b/versioned_docs/version-v6/api/item-group.md
@@ -2,12 +2,12 @@
title: 'ion-item-group'
---
-import Props from '@site/static/auto-generated/item-group/props.md';
-import Events from '@site/static/auto-generated/item-group/events.md';
-import Methods from '@site/static/auto-generated/item-group/methods.md';
-import Parts from '@site/static/auto-generated/item-group/parts.md';
-import CustomProps from '@site/static/auto-generated/item-group/custom-props.md';
-import Slots from '@site/static/auto-generated/item-group/slots.md';
+import Props from '@site/static/auto-generated/v6/item-group/props.md';
+import Events from '@site/static/auto-generated/v6/item-group/events.md';
+import Methods from '@site/static/auto-generated/v6/item-group/methods.md';
+import Parts from '@site/static/auto-generated/v6/item-group/parts.md';
+import CustomProps from '@site/static/auto-generated/v6/item-group/custom-props.md';
+import Slots from '@site/static/auto-generated/v6/item-group/slots.md';
ion-item-group: Group Items to Divide into Multiple Sections
diff --git a/versioned_docs/version-v6/api/item-option.md b/versioned_docs/version-v6/api/item-option.md
index 800d1030f50..d48f1e6e00d 100644
--- a/versioned_docs/version-v6/api/item-option.md
+++ b/versioned_docs/version-v6/api/item-option.md
@@ -1,42 +1,50 @@
---
-title: "ion-item-option"
+title: 'ion-item-option'
---
-import Props from '@site/static/auto-generated/item-option/props.md';
-import Events from '@site/static/auto-generated/item-option/events.md';
-import Methods from '@site/static/auto-generated/item-option/methods.md';
-import Parts from '@site/static/auto-generated/item-option/parts.md';
-import CustomProps from '@site/static/auto-generated/item-option/custom-props.md';
-import Slots from '@site/static/auto-generated/item-option/slots.md';
+
+import Props from '@site/static/auto-generated/v6/item-option/props.md';
+import Events from '@site/static/auto-generated/v6/item-option/events.md';
+import Methods from '@site/static/auto-generated/v6/item-option/methods.md';
+import Parts from '@site/static/auto-generated/v6/item-option/parts.md';
+import CustomProps from '@site/static/auto-generated/v6/item-option/custom-props.md';
+import Slots from '@site/static/auto-generated/v6/item-option/slots.md';
ion-item-options: Option Button Components for Ionic Apps
-
+
import EncapsulationPill from '@components/page/api/EncapsulationPill';
-
The item option component is an button for a sliding item. It must be placed inside of [item options](./item-options). The `ionSwipe` event and the `expandable` property can be combined to create a full swipe action for the item.
See the [item sliding](./item-sliding) documentation for more information.
-
## Properties
+
## Events
+
## Methods
+
## CSS Shadow Parts
+
## CSS Custom Properties
+
## Slots
+
diff --git a/versioned_docs/version-v6/api/item-options.md b/versioned_docs/version-v6/api/item-options.md
index cbee8f5289b..d8d905db57c 100644
--- a/versioned_docs/version-v6/api/item-options.md
+++ b/versioned_docs/version-v6/api/item-options.md
@@ -1,50 +1,55 @@
---
-title: "ion-item-options"
+title: 'ion-item-options'
---
-import Props from '@site/static/auto-generated/item-options/props.md';
-import Events from '@site/static/auto-generated/item-options/events.md';
-import Methods from '@site/static/auto-generated/item-options/methods.md';
-import Parts from '@site/static/auto-generated/item-options/parts.md';
-import CustomProps from '@site/static/auto-generated/item-options/custom-props.md';
-import Slots from '@site/static/auto-generated/item-options/slots.md';
+
+import Props from '@site/static/auto-generated/v6/item-options/props.md';
+import Events from '@site/static/auto-generated/v6/item-options/events.md';
+import Methods from '@site/static/auto-generated/v6/item-options/methods.md';
+import Parts from '@site/static/auto-generated/v6/item-options/parts.md';
+import CustomProps from '@site/static/auto-generated/v6/item-options/custom-props.md';
+import Slots from '@site/static/auto-generated/v6/item-options/slots.md';
ion-item-options: Option Button Components for Ionic Apps
-
+
import EncapsulationPill from '@components/page/api/EncapsulationPill';
-
The item options component is a container for the [item option](./item-option) buttons in a sliding item. These buttons can be placed either on the [start or end side](#side-description).
See the [item sliding](./item-sliding) documentation for more information.
-
## Side Description
| Side | Position | Swipe Direction |
-|---------|-----------------------------------------------------------------|-------------------------------------------------------------------|
+| ------- | --------------------------------------------------------------- | ----------------------------------------------------------------- |
| `start` | To the `left` of the content in LTR, and to the `right` in RTL. | From `left` to `right` in LTR, and from `right` to `left` in RTL. |
| `end` | To the `right` of the content in LTR, and to the `left` in RTL. | From `right` to `left` in LTR, and from `left` to `right` in RTL. |
-
-
-
## Properties
+
## Events
+
## Methods
+
## CSS Shadow Parts
+
## CSS Custom Properties
+
## Slots
+
diff --git a/versioned_docs/version-v6/api/item-sliding.md b/versioned_docs/version-v6/api/item-sliding.md
index dba424f2b7f..5b9c8a3dcf6 100644
--- a/versioned_docs/version-v6/api/item-sliding.md
+++ b/versioned_docs/version-v6/api/item-sliding.md
@@ -2,12 +2,12 @@
title: 'ion-item-sliding'
---
-import Props from '@site/static/auto-generated/item-sliding/props.md';
-import Events from '@site/static/auto-generated/item-sliding/events.md';
-import Methods from '@site/static/auto-generated/item-sliding/methods.md';
-import Parts from '@site/static/auto-generated/item-sliding/parts.md';
-import CustomProps from '@site/static/auto-generated/item-sliding/custom-props.md';
-import Slots from '@site/static/auto-generated/item-sliding/slots.md';
+import Props from '@site/static/auto-generated/v6/item-sliding/props.md';
+import Events from '@site/static/auto-generated/v6/item-sliding/events.md';
+import Methods from '@site/static/auto-generated/v6/item-sliding/methods.md';
+import Parts from '@site/static/auto-generated/v6/item-sliding/parts.md';
+import CustomProps from '@site/static/auto-generated/v6/item-sliding/custom-props.md';
+import Slots from '@site/static/auto-generated/v6/item-sliding/slots.md';
Slide Buttons | Slide Right to Left with ion-item-sliding
diff --git a/versioned_docs/version-v6/api/item.md b/versioned_docs/version-v6/api/item.md
index eb3df16d32e..80ea8c71e8a 100644
--- a/versioned_docs/version-v6/api/item.md
+++ b/versioned_docs/version-v6/api/item.md
@@ -2,12 +2,12 @@
title: 'ion-item'
---
-import Props from '@site/static/auto-generated/item/props.md';
-import Events from '@site/static/auto-generated/item/events.md';
-import Methods from '@site/static/auto-generated/item/methods.md';
-import Parts from '@site/static/auto-generated/item/parts.md';
-import CustomProps from '@site/static/auto-generated/item/custom-props.md';
-import Slots from '@site/static/auto-generated/item/slots.md';
+import Props from '@site/static/auto-generated/v6/item/props.md';
+import Events from '@site/static/auto-generated/v6/item/events.md';
+import Methods from '@site/static/auto-generated/v6/item/methods.md';
+import Parts from '@site/static/auto-generated/v6/item/parts.md';
+import CustomProps from '@site/static/auto-generated/v6/item/custom-props.md';
+import Slots from '@site/static/auto-generated/v6/item/slots.md';
ion-item: Input, Edit, or Delete iOS and Android Item Elements
diff --git a/versioned_docs/version-v6/api/label.md b/versioned_docs/version-v6/api/label.md
index 329f40c56a4..d46a88edd02 100644
--- a/versioned_docs/version-v6/api/label.md
+++ b/versioned_docs/version-v6/api/label.md
@@ -2,12 +2,12 @@
title: 'ion-label'
---
-import Props from '@site/static/auto-generated/label/props.md';
-import Events from '@site/static/auto-generated/label/events.md';
-import Methods from '@site/static/auto-generated/label/methods.md';
-import Parts from '@site/static/auto-generated/label/parts.md';
-import CustomProps from '@site/static/auto-generated/label/custom-props.md';
-import Slots from '@site/static/auto-generated/label/slots.md';
+import Props from '@site/static/auto-generated/v6/label/props.md';
+import Events from '@site/static/auto-generated/v6/label/events.md';
+import Methods from '@site/static/auto-generated/v6/label/methods.md';
+import Parts from '@site/static/auto-generated/v6/label/parts.md';
+import CustomProps from '@site/static/auto-generated/v6/label/custom-props.md';
+import Slots from '@site/static/auto-generated/v6/label/slots.md';
Item Label Color and Properties for Applications | ion-label
diff --git a/versioned_docs/version-v6/api/list-header.md b/versioned_docs/version-v6/api/list-header.md
index 2410ffc044f..74555bd432f 100644
--- a/versioned_docs/version-v6/api/list-header.md
+++ b/versioned_docs/version-v6/api/list-header.md
@@ -2,12 +2,12 @@
title: 'ion-list-header'
---
-import Props from '@site/static/auto-generated/list-header/props.md';
-import Events from '@site/static/auto-generated/list-header/events.md';
-import Methods from '@site/static/auto-generated/list-header/methods.md';
-import Parts from '@site/static/auto-generated/list-header/parts.md';
-import CustomProps from '@site/static/auto-generated/list-header/custom-props.md';
-import Slots from '@site/static/auto-generated/list-header/slots.md';
+import Props from '@site/static/auto-generated/v6/list-header/props.md';
+import Events from '@site/static/auto-generated/v6/list-header/events.md';
+import Methods from '@site/static/auto-generated/v6/list-header/methods.md';
+import Parts from '@site/static/auto-generated/v6/list-header/parts.md';
+import CustomProps from '@site/static/auto-generated/v6/list-header/custom-props.md';
+import Slots from '@site/static/auto-generated/v6/list-header/slots.md';
import EncapsulationPill from '@components/page/api/EncapsulationPill';
diff --git a/versioned_docs/version-v6/api/list.md b/versioned_docs/version-v6/api/list.md
index 336fe851f08..cdbb08de28a 100644
--- a/versioned_docs/version-v6/api/list.md
+++ b/versioned_docs/version-v6/api/list.md
@@ -2,12 +2,12 @@
title: 'ion-list'
---
-import Props from '@site/static/auto-generated/list/props.md';
-import Events from '@site/static/auto-generated/list/events.md';
-import Methods from '@site/static/auto-generated/list/methods.md';
-import Parts from '@site/static/auto-generated/list/parts.md';
-import CustomProps from '@site/static/auto-generated/list/custom-props.md';
-import Slots from '@site/static/auto-generated/list/slots.md';
+import Props from '@site/static/auto-generated/v6/list/props.md';
+import Events from '@site/static/auto-generated/v6/list/events.md';
+import Methods from '@site/static/auto-generated/v6/list/methods.md';
+import Parts from '@site/static/auto-generated/v6/list/parts.md';
+import CustomProps from '@site/static/auto-generated/v6/list/custom-props.md';
+import Slots from '@site/static/auto-generated/v6/list/slots.md';
ion-list: Item List View Component for iOS and Android Apps
diff --git a/versioned_docs/version-v6/api/loading.md b/versioned_docs/version-v6/api/loading.md
index c9bd57dd163..e893543271b 100644
--- a/versioned_docs/version-v6/api/loading.md
+++ b/versioned_docs/version-v6/api/loading.md
@@ -5,12 +5,12 @@ title: 'ion-loading'
import Tabs from '@theme/Tabs';
import TabItem from '@theme/TabItem';
-import Props from '@site/static/auto-generated/loading/props.md';
-import Events from '@site/static/auto-generated/loading/events.md';
-import Methods from '@site/static/auto-generated/loading/methods.md';
-import Parts from '@site/static/auto-generated/loading/parts.md';
-import CustomProps from '@site/static/auto-generated/loading/custom-props.md';
-import Slots from '@site/static/auto-generated/loading/slots.md';
+import Props from '@site/static/auto-generated/v6/loading/props.md';
+import Events from '@site/static/auto-generated/v6/loading/events.md';
+import Methods from '@site/static/auto-generated/v6/loading/methods.md';
+import Parts from '@site/static/auto-generated/v6/loading/parts.md';
+import CustomProps from '@site/static/auto-generated/v6/loading/custom-props.md';
+import Slots from '@site/static/auto-generated/v6/loading/slots.md';
Loading | Application Loading Indicator Overlay | ion-loading
diff --git a/versioned_docs/version-v6/api/menu-button.md b/versioned_docs/version-v6/api/menu-button.md
index adba980b958..0c99050db1e 100644
--- a/versioned_docs/version-v6/api/menu-button.md
+++ b/versioned_docs/version-v6/api/menu-button.md
@@ -1,42 +1,50 @@
---
-title: "ion-menu-button"
+title: 'ion-menu-button'
---
-import Props from '@site/static/auto-generated/menu-button/props.md';
-import Events from '@site/static/auto-generated/menu-button/events.md';
-import Methods from '@site/static/auto-generated/menu-button/methods.md';
-import Parts from '@site/static/auto-generated/menu-button/parts.md';
-import CustomProps from '@site/static/auto-generated/menu-button/custom-props.md';
-import Slots from '@site/static/auto-generated/menu-button/slots.md';
+
+import Props from '@site/static/auto-generated/v6/menu-button/props.md';
+import Events from '@site/static/auto-generated/v6/menu-button/events.md';
+import Methods from '@site/static/auto-generated/v6/menu-button/methods.md';
+import Parts from '@site/static/auto-generated/v6/menu-button/parts.md';
+import CustomProps from '@site/static/auto-generated/v6/menu-button/custom-props.md';
+import Slots from '@site/static/auto-generated/v6/menu-button/slots.md';
Menu Button | ion-menu-button to Open an App Menu on A Page
-
+
import EncapsulationPill from '@components/page/api/EncapsulationPill';
-
The Menu Button component contains an icon and automatically adds functionality to open a menu when clicked.
See the [menu](./menu) documentation for more information.
-
## Properties
+
## Events
+
## Methods
+
## CSS Shadow Parts
+
## CSS Custom Properties
+
## Slots
+
diff --git a/versioned_docs/version-v6/api/menu-toggle.md b/versioned_docs/version-v6/api/menu-toggle.md
index e6a10201362..a70f5c24de9 100644
--- a/versioned_docs/version-v6/api/menu-toggle.md
+++ b/versioned_docs/version-v6/api/menu-toggle.md
@@ -1,44 +1,52 @@
---
-title: "ion-menu-toggle"
+title: 'ion-menu-toggle'
---
-import Props from '@site/static/auto-generated/menu-toggle/props.md';
-import Events from '@site/static/auto-generated/menu-toggle/events.md';
-import Methods from '@site/static/auto-generated/menu-toggle/methods.md';
-import Parts from '@site/static/auto-generated/menu-toggle/parts.md';
-import CustomProps from '@site/static/auto-generated/menu-toggle/custom-props.md';
-import Slots from '@site/static/auto-generated/menu-toggle/slots.md';
+
+import Props from '@site/static/auto-generated/v6/menu-toggle/props.md';
+import Events from '@site/static/auto-generated/v6/menu-toggle/events.md';
+import Methods from '@site/static/auto-generated/v6/menu-toggle/methods.md';
+import Parts from '@site/static/auto-generated/v6/menu-toggle/parts.md';
+import CustomProps from '@site/static/auto-generated/v6/menu-toggle/custom-props.md';
+import Slots from '@site/static/auto-generated/v6/menu-toggle/slots.md';
ion-menu-toggle | MenuToggle Component to Open/Close Active Menus
-
+
import EncapsulationPill from '@components/page/api/EncapsulationPill';
-
The Menu Toggle component can be used to toggle a menu open or closed.
Menu toggles are only visible when the selected menu is enabled. If the menu is disabled or it's being presented as a split pane, the menu toggle will be hidden. To always display the menu toggle, the `autoHide` property can be set to `false`.
See the [menu](./menu#menu-toggle) documentation for more information.
-
## Properties
+
## Events
+
## Methods
+
## CSS Shadow Parts
+
## CSS Custom Properties
+
## Slots
+
diff --git a/versioned_docs/version-v6/api/menu.md b/versioned_docs/version-v6/api/menu.md
index 323f90dd18b..2bb62967028 100644
--- a/versioned_docs/version-v6/api/menu.md
+++ b/versioned_docs/version-v6/api/menu.md
@@ -2,12 +2,12 @@
title: 'ion-menu'
---
-import Props from '@site/static/auto-generated/menu/props.md';
-import Events from '@site/static/auto-generated/menu/events.md';
-import Methods from '@site/static/auto-generated/menu/methods.md';
-import Parts from '@site/static/auto-generated/menu/parts.md';
-import CustomProps from '@site/static/auto-generated/menu/custom-props.md';
-import Slots from '@site/static/auto-generated/menu/slots.md';
+import Props from '@site/static/auto-generated/v6/menu/props.md';
+import Events from '@site/static/auto-generated/v6/menu/events.md';
+import Methods from '@site/static/auto-generated/v6/menu/methods.md';
+import Parts from '@site/static/auto-generated/v6/menu/parts.md';
+import CustomProps from '@site/static/auto-generated/v6/menu/custom-props.md';
+import Slots from '@site/static/auto-generated/v6/menu/slots.md';
ion-menu: API Framework Docs for Types of Menu Components
diff --git a/versioned_docs/version-v6/api/modal.md b/versioned_docs/version-v6/api/modal.md
index 68d44332e4e..b616cc3eab2 100644
--- a/versioned_docs/version-v6/api/modal.md
+++ b/versioned_docs/version-v6/api/modal.md
@@ -2,12 +2,12 @@
title: 'ion-modal'
---
-import Props from '@site/static/auto-generated/modal/props.md';
-import Events from '@site/static/auto-generated/modal/events.md';
-import Methods from '@site/static/auto-generated/modal/methods.md';
-import Parts from '@site/static/auto-generated/modal/parts.md';
-import CustomProps from '@site/static/auto-generated/modal/custom-props.md';
-import Slots from '@site/static/auto-generated/modal/slots.md';
+import Props from '@site/static/auto-generated/v6/modal/props.md';
+import Events from '@site/static/auto-generated/v6/modal/events.md';
+import Methods from '@site/static/auto-generated/v6/modal/methods.md';
+import Parts from '@site/static/auto-generated/v6/modal/parts.md';
+import CustomProps from '@site/static/auto-generated/v6/modal/custom-props.md';
+import Slots from '@site/static/auto-generated/v6/modal/slots.md';
ion-modal: Ionic Mobile App Custom Modal API Component
diff --git a/versioned_docs/version-v6/api/nav-link.md b/versioned_docs/version-v6/api/nav-link.md
index 30a8f3264ed..8da19c21b7d 100644
--- a/versioned_docs/version-v6/api/nav-link.md
+++ b/versioned_docs/version-v6/api/nav-link.md
@@ -1,42 +1,50 @@
---
-title: "ion-nav-link"
+title: 'ion-nav-link'
---
-import Props from '@site/static/auto-generated/nav-link/props.md';
-import Events from '@site/static/auto-generated/nav-link/events.md';
-import Methods from '@site/static/auto-generated/nav-link/methods.md';
-import Parts from '@site/static/auto-generated/nav-link/parts.md';
-import CustomProps from '@site/static/auto-generated/nav-link/custom-props.md';
-import Slots from '@site/static/auto-generated/nav-link/slots.md';
+
+import Props from '@site/static/auto-generated/v6/nav-link/props.md';
+import Events from '@site/static/auto-generated/v6/nav-link/events.md';
+import Methods from '@site/static/auto-generated/v6/nav-link/methods.md';
+import Parts from '@site/static/auto-generated/v6/nav-link/parts.md';
+import CustomProps from '@site/static/auto-generated/v6/nav-link/custom-props.md';
+import Slots from '@site/static/auto-generated/v6/nav-link/slots.md';
ion-nav-link: The Element for Navigation to a Specified Component
-
+
import EncapsulationPill from '@components/page/api/EncapsulationPill';
-
A navigation link is used to navigate to a specified component. The component can be navigated to by going `forward`, `back` or as a `root` component.
It is the element form of calling the `push()`, `pop()`, and `setRoot()` methods on the navigation controller.
See the [nav](./nav#using-navlink) documentation for more information.
-
## Properties
+
## Events
+
## Methods
+
## CSS Shadow Parts
+
## CSS Custom Properties
+
## Slots
+
diff --git a/versioned_docs/version-v6/api/nav.md b/versioned_docs/version-v6/api/nav.md
index 0e4262885d2..cc258d95d4b 100644
--- a/versioned_docs/version-v6/api/nav.md
+++ b/versioned_docs/version-v6/api/nav.md
@@ -2,12 +2,12 @@
title: 'ion-nav'
---
-import Props from '@site/static/auto-generated/nav/props.md';
-import Events from '@site/static/auto-generated/nav/events.md';
-import Methods from '@site/static/auto-generated/nav/methods.md';
-import Parts from '@site/static/auto-generated/nav/parts.md';
-import CustomProps from '@site/static/auto-generated/nav/custom-props.md';
-import Slots from '@site/static/auto-generated/nav/slots.md';
+import Props from '@site/static/auto-generated/v6/nav/props.md';
+import Events from '@site/static/auto-generated/v6/nav/events.md';
+import Methods from '@site/static/auto-generated/v6/nav/methods.md';
+import Parts from '@site/static/auto-generated/v6/nav/parts.md';
+import CustomProps from '@site/static/auto-generated/v6/nav/custom-props.md';
+import Slots from '@site/static/auto-generated/v6/nav/slots.md';
ion-nav | Nav View Component for Ionic Framework Apps
diff --git a/versioned_docs/version-v6/api/note.md b/versioned_docs/version-v6/api/note.md
index f512aaf7753..f3db997780e 100644
--- a/versioned_docs/version-v6/api/note.md
+++ b/versioned_docs/version-v6/api/note.md
@@ -2,12 +2,12 @@
title: 'ion-note'
---
-import Props from '@site/static/auto-generated/note/props.md';
-import Events from '@site/static/auto-generated/note/events.md';
-import Methods from '@site/static/auto-generated/note/methods.md';
-import Parts from '@site/static/auto-generated/note/parts.md';
-import CustomProps from '@site/static/auto-generated/note/custom-props.md';
-import Slots from '@site/static/auto-generated/note/slots.md';
+import Props from '@site/static/auto-generated/v6/note/props.md';
+import Events from '@site/static/auto-generated/v6/note/events.md';
+import Methods from '@site/static/auto-generated/v6/note/methods.md';
+import Parts from '@site/static/auto-generated/v6/note/parts.md';
+import CustomProps from '@site/static/auto-generated/v6/note/custom-props.md';
+import Slots from '@site/static/auto-generated/v6/note/slots.md';
ion-note: Note Text Elements for iOS and Android Ionic Apps
diff --git a/versioned_docs/version-v6/api/picker.md b/versioned_docs/version-v6/api/picker.md
index 8eec3438db2..2211be2db81 100644
--- a/versioned_docs/version-v6/api/picker.md
+++ b/versioned_docs/version-v6/api/picker.md
@@ -1,12 +1,13 @@
---
title: 'ion-picker'
---
-import Props from '@site/static/auto-generated/picker/props.md';
-import Events from '@site/static/auto-generated/picker/events.md';
-import Methods from '@site/static/auto-generated/picker/methods.md';
-import Parts from '@site/static/auto-generated/picker/parts.md';
-import CustomProps from '@site/static/auto-generated/picker/custom-props.md';
-import Slots from '@site/static/auto-generated/picker/slots.md';
+
+import Props from '@site/static/auto-generated/v6/picker/props.md';
+import Events from '@site/static/auto-generated/v6/picker/events.md';
+import Methods from '@site/static/auto-generated/v6/picker/methods.md';
+import Parts from '@site/static/auto-generated/v6/picker/parts.md';
+import CustomProps from '@site/static/auto-generated/v6/picker/custom-props.md';
+import Slots from '@site/static/auto-generated/v6/picker/slots.md';
Picker | Display Buttons and Columns for ion-picker on Ionic Apps
diff --git a/versioned_docs/version-v6/api/popover.md b/versioned_docs/version-v6/api/popover.md
index a65065904f5..116c1f95490 100644
--- a/versioned_docs/version-v6/api/popover.md
+++ b/versioned_docs/version-v6/api/popover.md
@@ -2,12 +2,12 @@
title: 'ion-popover'
---
-import Props from '@site/static/auto-generated/popover/props.md';
-import Events from '@site/static/auto-generated/popover/events.md';
-import Methods from '@site/static/auto-generated/popover/methods.md';
-import Parts from '@site/static/auto-generated/popover/parts.md';
-import CustomProps from '@site/static/auto-generated/popover/custom-props.md';
-import Slots from '@site/static/auto-generated/popover/slots.md';
+import Props from '@site/static/auto-generated/v6/popover/props.md';
+import Events from '@site/static/auto-generated/v6/popover/events.md';
+import Methods from '@site/static/auto-generated/v6/popover/methods.md';
+import Parts from '@site/static/auto-generated/v6/popover/parts.md';
+import CustomProps from '@site/static/auto-generated/v6/popover/custom-props.md';
+import Slots from '@site/static/auto-generated/v6/popover/slots.md';
ion-popover: iOS / Android Popover UI Component & CSS Properties
diff --git a/versioned_docs/version-v6/api/progress-bar.md b/versioned_docs/version-v6/api/progress-bar.md
index f28e826e60d..2f205fa14fb 100644
--- a/versioned_docs/version-v6/api/progress-bar.md
+++ b/versioned_docs/version-v6/api/progress-bar.md
@@ -2,12 +2,12 @@
title: 'ion-progress-bar'
---
-import Props from '@site/static/auto-generated/progress-bar/props.md';
-import Events from '@site/static/auto-generated/progress-bar/events.md';
-import Methods from '@site/static/auto-generated/progress-bar/methods.md';
-import Parts from '@site/static/auto-generated/progress-bar/parts.md';
-import CustomProps from '@site/static/auto-generated/progress-bar/custom-props.md';
-import Slots from '@site/static/auto-generated/progress-bar/slots.md';
+import Props from '@site/static/auto-generated/v6/progress-bar/props.md';
+import Events from '@site/static/auto-generated/v6/progress-bar/events.md';
+import Methods from '@site/static/auto-generated/v6/progress-bar/methods.md';
+import Parts from '@site/static/auto-generated/v6/progress-bar/parts.md';
+import CustomProps from '@site/static/auto-generated/v6/progress-bar/custom-props.md';
+import Slots from '@site/static/auto-generated/v6/progress-bar/slots.md';
Progress Bar | Horizontal App Progress Bar for Loading Indicator
diff --git a/versioned_docs/version-v6/api/radio-group.md b/versioned_docs/version-v6/api/radio-group.md
index b083ee208b2..1ec4af5c6db 100644
--- a/versioned_docs/version-v6/api/radio-group.md
+++ b/versioned_docs/version-v6/api/radio-group.md
@@ -1,24 +1,26 @@
---
-title: "ion-radio-group"
+title: 'ion-radio-group'
---
-import Props from '@site/static/auto-generated/radio-group/props.md';
-import Events from '@site/static/auto-generated/radio-group/events.md';
-import Methods from '@site/static/auto-generated/radio-group/methods.md';
-import Parts from '@site/static/auto-generated/radio-group/parts.md';
-import CustomProps from '@site/static/auto-generated/radio-group/custom-props.md';
-import Slots from '@site/static/auto-generated/radio-group/slots.md';
+
+import Props from '@site/static/auto-generated/v6/radio-group/props.md';
+import Events from '@site/static/auto-generated/v6/radio-group/events.md';
+import Methods from '@site/static/auto-generated/v6/radio-group/methods.md';
+import Parts from '@site/static/auto-generated/v6/radio-group/parts.md';
+import CustomProps from '@site/static/auto-generated/v6/radio-group/custom-props.md';
+import Slots from '@site/static/auto-generated/v6/radio-group/slots.md';
ion-radio-group | Radio Button Group Usage for Ionic Apps
-
+
import EncapsulationPill from '@components/page/api/EncapsulationPill';
-
A radio group is a container for a group of [radios](./radio). It allows a user to select at most one radio button from a set. Checking one radio button that belongs to a radio group unchecks any previous checked radio button within the same group. For example usage of the radio group, see the [radio](./radio) documentation.
-
## Interfaces
### RadioGroupChangeEventDetail
@@ -40,21 +42,26 @@ interface RadioGroupCustomEvent extends CustomEvent {
}
```
-
## Properties
+
## Events
+
## Methods
+
## CSS Shadow Parts
+
## CSS Custom Properties
+
## Slots
+
diff --git a/versioned_docs/version-v6/api/radio.md b/versioned_docs/version-v6/api/radio.md
index a841a557642..3cc093efe3d 100644
--- a/versioned_docs/version-v6/api/radio.md
+++ b/versioned_docs/version-v6/api/radio.md
@@ -2,12 +2,12 @@
title: 'ion-radio'
---
-import Props from '@site/static/auto-generated/radio/props.md';
-import Events from '@site/static/auto-generated/radio/events.md';
-import Methods from '@site/static/auto-generated/radio/methods.md';
-import Parts from '@site/static/auto-generated/radio/parts.md';
-import CustomProps from '@site/static/auto-generated/radio/custom-props.md';
-import Slots from '@site/static/auto-generated/radio/slots.md';
+import Props from '@site/static/auto-generated/v6/radio/props.md';
+import Events from '@site/static/auto-generated/v6/radio/events.md';
+import Methods from '@site/static/auto-generated/v6/radio/methods.md';
+import Parts from '@site/static/auto-generated/v6/radio/parts.md';
+import CustomProps from '@site/static/auto-generated/v6/radio/custom-props.md';
+import Slots from '@site/static/auto-generated/v6/radio/slots.md';
ion-radio Component: Radio Property for iOS and Android
diff --git a/versioned_docs/version-v6/api/range.md b/versioned_docs/version-v6/api/range.md
index 98492b83314..31dd840dd8f 100644
--- a/versioned_docs/version-v6/api/range.md
+++ b/versioned_docs/version-v6/api/range.md
@@ -2,12 +2,12 @@
title: 'ion-range'
---
-import Props from '@site/static/auto-generated/range/props.md';
-import Events from '@site/static/auto-generated/range/events.md';
-import Methods from '@site/static/auto-generated/range/methods.md';
-import Parts from '@site/static/auto-generated/range/parts.md';
-import CustomProps from '@site/static/auto-generated/range/custom-props.md';
-import Slots from '@site/static/auto-generated/range/slots.md';
+import Props from '@site/static/auto-generated/v6/range/props.md';
+import Events from '@site/static/auto-generated/v6/range/events.md';
+import Methods from '@site/static/auto-generated/v6/range/methods.md';
+import Parts from '@site/static/auto-generated/v6/range/parts.md';
+import CustomProps from '@site/static/auto-generated/v6/range/custom-props.md';
+import Slots from '@site/static/auto-generated/v6/range/slots.md';
Range Slider | ion-range: Slider Knob Controls with Labels
diff --git a/versioned_docs/version-v6/api/refresher-content.md b/versioned_docs/version-v6/api/refresher-content.md
index 1b80d4ef40c..36dc4046cf0 100644
--- a/versioned_docs/version-v6/api/refresher-content.md
+++ b/versioned_docs/version-v6/api/refresher-content.md
@@ -1,35 +1,40 @@
---
-title: "ion-refresher-content"
+title: 'ion-refresher-content'
---
-import Props from '@site/static/auto-generated/refresher-content/props.md';
-import Events from '@site/static/auto-generated/refresher-content/events.md';
-import Methods from '@site/static/auto-generated/refresher-content/methods.md';
-import Parts from '@site/static/auto-generated/refresher-content/parts.md';
-import CustomProps from '@site/static/auto-generated/refresher-content/custom-props.md';
-import Slots from '@site/static/auto-generated/refresher-content/slots.md';
-import EncapsulationPill from '@components/page/api/EncapsulationPill';
+import Props from '@site/static/auto-generated/v6/refresher-content/props.md';
+import Events from '@site/static/auto-generated/v6/refresher-content/events.md';
+import Methods from '@site/static/auto-generated/v6/refresher-content/methods.md';
+import Parts from '@site/static/auto-generated/v6/refresher-content/parts.md';
+import CustomProps from '@site/static/auto-generated/v6/refresher-content/custom-props.md';
+import Slots from '@site/static/auto-generated/v6/refresher-content/slots.md';
+import EncapsulationPill from '@components/page/api/EncapsulationPill';
The refresher content contains the text, icon and spinner to display during a pull-to-refresh. Ionic displays a pulling icon and refreshing spinner based on the platform. However, the default icon, spinner, and text can be customized based on the state of the refresher.
For usage examples, see the [Refresher](/docs/api/refresher) documentation.
-
## Properties
+
## Events
+
## Methods
+
## CSS Shadow Parts
+
## CSS Custom Properties
+
## Slots
+
diff --git a/versioned_docs/version-v6/api/refresher.md b/versioned_docs/version-v6/api/refresher.md
index 1f69dd3d268..d04c7b9d9a1 100644
--- a/versioned_docs/version-v6/api/refresher.md
+++ b/versioned_docs/version-v6/api/refresher.md
@@ -2,12 +2,12 @@
title: 'ion-refresher'
---
-import Props from '@site/static/auto-generated/refresher/props.md';
-import Events from '@site/static/auto-generated/refresher/events.md';
-import Methods from '@site/static/auto-generated/refresher/methods.md';
-import Parts from '@site/static/auto-generated/refresher/parts.md';
-import CustomProps from '@site/static/auto-generated/refresher/custom-props.md';
-import Slots from '@site/static/auto-generated/refresher/slots.md';
+import Props from '@site/static/auto-generated/v6/refresher/props.md';
+import Events from '@site/static/auto-generated/v6/refresher/events.md';
+import Methods from '@site/static/auto-generated/v6/refresher/methods.md';
+import Parts from '@site/static/auto-generated/v6/refresher/parts.md';
+import CustomProps from '@site/static/auto-generated/v6/refresher/custom-props.md';
+import Slots from '@site/static/auto-generated/v6/refresher/slots.md';
ion-refresher: Pull-to-Refresh Page Content on Ionic Apps
diff --git a/versioned_docs/version-v6/api/reorder-group.md b/versioned_docs/version-v6/api/reorder-group.md
index 674bc2561b9..c0742f3502c 100644
--- a/versioned_docs/version-v6/api/reorder-group.md
+++ b/versioned_docs/version-v6/api/reorder-group.md
@@ -1,26 +1,28 @@
---
-title: "ion-reorder-group"
+title: 'ion-reorder-group'
---
-import Props from '@site/static/auto-generated/reorder-group/props.md';
-import Events from '@site/static/auto-generated/reorder-group/events.md';
-import Methods from '@site/static/auto-generated/reorder-group/methods.md';
-import Parts from '@site/static/auto-generated/reorder-group/parts.md';
-import CustomProps from '@site/static/auto-generated/reorder-group/custom-props.md';
-import Slots from '@site/static/auto-generated/reorder-group/slots.md';
+
+import Props from '@site/static/auto-generated/v6/reorder-group/props.md';
+import Events from '@site/static/auto-generated/v6/reorder-group/events.md';
+import Methods from '@site/static/auto-generated/v6/reorder-group/methods.md';
+import Parts from '@site/static/auto-generated/v6/reorder-group/parts.md';
+import CustomProps from '@site/static/auto-generated/v6/reorder-group/custom-props.md';
+import Slots from '@site/static/auto-generated/v6/reorder-group/slots.md';
ion-reorder-group: Wrapper Component for Ionic Framework Apps
-
+
import EncapsulationPill from '@components/page/api/EncapsulationPill';
-
The reorder group is a container for items using the [reorder](./reorder) component. When the user drags an item and drops it in a new position, the `ionItemReorder` event is dispatched. A handler for this event should be implemented that calls the `complete` method.
The `detail` property of the `ionItemReorder` event includes all of the relevant information about the reorder operation, including the `from` and `to` indexes. In the context of reordering, an item moves `from` an index `to` a new index. For example usage of the reorder group, see the [reorder](./reorder) documentation.
-
## Interfaces
### ItemReorderEventDetail
@@ -44,21 +46,26 @@ interface ItemReorderCustomEvent extends CustomEvent {
}
```
-
## Properties
+
## Events
+
## Methods
+
## CSS Shadow Parts
+
## CSS Custom Properties
+
## Slots
+
diff --git a/versioned_docs/version-v6/api/reorder.md b/versioned_docs/version-v6/api/reorder.md
index e7d57830079..182209f27fd 100644
--- a/versioned_docs/version-v6/api/reorder.md
+++ b/versioned_docs/version-v6/api/reorder.md
@@ -2,12 +2,12 @@
title: 'ion-reorder'
---
-import Props from '@site/static/auto-generated/reorder/props.md';
-import Events from '@site/static/auto-generated/reorder/events.md';
-import Methods from '@site/static/auto-generated/reorder/methods.md';
-import Parts from '@site/static/auto-generated/reorder/parts.md';
-import CustomProps from '@site/static/auto-generated/reorder/custom-props.md';
-import Slots from '@site/static/auto-generated/reorder/slots.md';
+import Props from '@site/static/auto-generated/v6/reorder/props.md';
+import Events from '@site/static/auto-generated/v6/reorder/events.md';
+import Methods from '@site/static/auto-generated/v6/reorder/methods.md';
+import Parts from '@site/static/auto-generated/v6/reorder/parts.md';
+import CustomProps from '@site/static/auto-generated/v6/reorder/custom-props.md';
+import Slots from '@site/static/auto-generated/v6/reorder/slots.md';
Reorder | ion-reorder: Drag and Drop Icon to Reorder Items
diff --git a/versioned_docs/version-v6/api/ripple-effect.md b/versioned_docs/version-v6/api/ripple-effect.md
index 83f5e0b8486..0600d92e487 100644
--- a/versioned_docs/version-v6/api/ripple-effect.md
+++ b/versioned_docs/version-v6/api/ripple-effect.md
@@ -2,12 +2,12 @@
title: 'ion-ripple-effect'
---
-import Props from '@site/static/auto-generated/ripple-effect/props.md';
-import Events from '@site/static/auto-generated/ripple-effect/events.md';
-import Methods from '@site/static/auto-generated/ripple-effect/methods.md';
-import Parts from '@site/static/auto-generated/ripple-effect/parts.md';
-import CustomProps from '@site/static/auto-generated/ripple-effect/custom-props.md';
-import Slots from '@site/static/auto-generated/ripple-effect/slots.md';
+import Props from '@site/static/auto-generated/v6/ripple-effect/props.md';
+import Events from '@site/static/auto-generated/v6/ripple-effect/events.md';
+import Methods from '@site/static/auto-generated/v6/ripple-effect/methods.md';
+import Parts from '@site/static/auto-generated/v6/ripple-effect/parts.md';
+import CustomProps from '@site/static/auto-generated/v6/ripple-effect/custom-props.md';
+import Slots from '@site/static/auto-generated/v6/ripple-effect/slots.md';
import EncapsulationPill from '@components/page/api/EncapsulationPill';
diff --git a/versioned_docs/version-v6/api/route-redirect.md b/versioned_docs/version-v6/api/route-redirect.md
index ac4febd161d..bd337e0abd3 100644
--- a/versioned_docs/version-v6/api/route-redirect.md
+++ b/versioned_docs/version-v6/api/route-redirect.md
@@ -1,35 +1,36 @@
---
-title: "ion-route-redirect"
+title: 'ion-route-redirect'
---
-import Props from '@site/static/auto-generated/route-redirect/props.md';
-import Events from '@site/static/auto-generated/route-redirect/events.md';
-import Methods from '@site/static/auto-generated/route-redirect/methods.md';
-import Parts from '@site/static/auto-generated/route-redirect/parts.md';
-import CustomProps from '@site/static/auto-generated/route-redirect/custom-props.md';
-import Slots from '@site/static/auto-generated/route-redirect/slots.md';
+import Props from '@site/static/auto-generated/v6/route-redirect/props.md';
+import Events from '@site/static/auto-generated/v6/route-redirect/events.md';
+import Methods from '@site/static/auto-generated/v6/route-redirect/methods.md';
+import Parts from '@site/static/auto-generated/v6/route-redirect/parts.md';
+import CustomProps from '@site/static/auto-generated/v6/route-redirect/custom-props.md';
+import Slots from '@site/static/auto-generated/v6/route-redirect/slots.md';
ion-route-redirect Plugin: Redirect 'from' a URL 'to' Another URL
-
+
import EncapsulationPill from '@components/page/api/EncapsulationPill';
-
A route redirect can only be used with an `ion-router` as a direct child of it.
:::note
- Note: this component should only be used with vanilla and Stencil JavaScript projects. For Angular projects, use [`ion-router-outlet`](router-outlet.md) and the Angular router.
+Note: this component should only be used with vanilla and Stencil JavaScript projects. For Angular projects, use [`ion-router-outlet`](router-outlet.md) and the Angular router.
:::
-
The route redirect has two configurable properties:
- - `from`
- - `to`
-It redirects "from" a URL "to" another URL. When the defined `ion-route-redirect` rule matches, the router will redirect from the path specified in the `from` property to the path in the `to` property. In order for a redirect to occur the `from` path needs to be an exact match to the navigated URL.
+- `from`
+- `to`
+It redirects "from" a URL "to" another URL. When the defined `ion-route-redirect` rule matches, the router will redirect from the path specified in the `from` property to the path in the `to` property. In order for a redirect to occur the `from` path needs to be an exact match to the navigated URL.
## Multiple Route Redirects
@@ -48,9 +49,6 @@ Take the following two redirects:
If the user navigates to `/admin` the router will redirect to `/login` and stop there. It will never evaluate more than one redirect.
-
-
-
## Usage
```html
@@ -96,19 +94,25 @@ routeRedirect.setAttribute('to', isLoggedIn ? undefined : '/login');
```
## Properties
+
## Events
+
## Methods
+
## CSS Shadow Parts
+
## CSS Custom Properties
+
## Slots
-
\ No newline at end of file
+
+
diff --git a/versioned_docs/version-v6/api/route.md b/versioned_docs/version-v6/api/route.md
index 46803354c95..d3a761af497 100644
--- a/versioned_docs/version-v6/api/route.md
+++ b/versioned_docs/version-v6/api/route.md
@@ -1,32 +1,33 @@
---
-title: "ion-route"
+title: 'ion-route'
---
+
import Tabs from '@theme/Tabs';
import TabItem from '@theme/TabItem';
-import Props from '@site/static/auto-generated/route/props.md';
-import Events from '@site/static/auto-generated/route/events.md';
-import Methods from '@site/static/auto-generated/route/methods.md';
-import Parts from '@site/static/auto-generated/route/parts.md';
-import CustomProps from '@site/static/auto-generated/route/custom-props.md';
-import Slots from '@site/static/auto-generated/route/slots.md';
+import Props from '@site/static/auto-generated/v6/route/props.md';
+import Events from '@site/static/auto-generated/v6/route/events.md';
+import Methods from '@site/static/auto-generated/v6/route/methods.md';
+import Parts from '@site/static/auto-generated/v6/route/parts.md';
+import CustomProps from '@site/static/auto-generated/v6/route/custom-props.md';
+import Slots from '@site/static/auto-generated/v6/route/slots.md';
ion-route: API Route Component for Ionic Framework Apps
-
+
import EncapsulationPill from '@components/page/api/EncapsulationPill';
-
-
The route component takes a component and renders it when the Browser URL matches the url property.
:::note
- Note: this component should only be used with vanilla and Stencil JavaScript projects. For Angular projects, use [`ion-router-outlet`](router-outlet.md) and the Angular router.
+Note: this component should only be used with vanilla and Stencil JavaScript projects. For Angular projects, use [`ion-router-outlet`](router-outlet.md) and the Angular router.
:::
-
## Navigation Hooks
Navigation hooks can be used to perform tasks or act as navigation guards. Hooks are used by providing functions to the `beforeEnter` and `beforeLeave` properties on each `ion-route`. Returning `true` allows navigation to proceed, while returning `false` causes it to be cancelled. Returning an object of type `NavigationHookOptions` allows you to redirect navigation to another page.
@@ -42,9 +43,6 @@ interface NavigationHookOptions {
}
```
-
-
-
## Usage
@@ -69,23 +67,23 @@ newMessagePage.beforeLeave = hasUnsavedDataGuard;
const isLoggedInGuard = async () => {
const isLoggedIn = await UserData.isLoggedIn(); // Replace this with actual login validation
-
+
if (isLoggedIn) {
return true;
} else {
return { redirect: '/login' }; // If a user is not logged in, they will be redirected to the /login page
}
-}
+};
const hasUnsavedDataGuard = async () => {
const hasUnsavedData = await checkData(); // Replace this with actual validation
-
+
if (hasUnsavedData) {
return await confirmDiscardChanges();
} else {
return true;
}
-}
+};
const confirmDiscardChanges = async () => {
const alert = document.createElement('ion-alert');
@@ -99,23 +97,21 @@ const confirmDiscardChanges = async () => {
{
text: 'Discard',
role: 'destructive',
- }
+ },
];
-
+
document.body.appendChild(alert);
-
+
await alert.present();
-
+
const { role } = await alert.onDidDismiss();
-
- return (role === 'Cancel') ? false : true;
-}
-```
+ return role === 'Cancel' ? false : true;
+};
+```
-
```typescript
@@ -124,7 +120,7 @@ import { alertController } from '@ionic/core';
@Component({
tag: 'router-example',
- styleUrl: 'router-example.css'
+ styleUrl: 'router-example.css',
})
export class RouterExample {
render() {
@@ -135,29 +131,29 @@ export class RouterExample {
- )
+ );
}
}
const isLoggedInGuard = async () => {
const isLoggedIn = await UserData.isLoggedIn(); // Replace this with actual login validation
-
+
if (isLoggedIn) {
return true;
} else {
return { redirect: '/login' }; // If a user is not logged in, they will be redirected to the /login page
}
-}
+};
const hasUnsavedDataGuard = async () => {
const hasUnsavedData = await checkData(); // Replace this with actual validation
-
+
if (hasUnsavedData) {
return await confirmDiscardChanges();
} else {
return true;
}
-}
+};
const confirmDiscardChanges = async () => {
const alert = await alertController.create({
@@ -171,22 +167,20 @@ const confirmDiscardChanges = async () => {
{
text: 'Discard',
role: 'destructive',
- }
- ]
+ },
+ ],
});
-
+
await alert.present();
-
+
const { role } = await alert.onDidDismiss();
-
- return (role === 'Cancel') ? false : true;
-}
-```
+ return role === 'Cancel' ? false : true;
+};
+```
-
```html
@@ -204,24 +198,24 @@ const confirmDiscardChanges = async () => {
const isLoggedInGuard = async () => {
const isLoggedIn = await UserData.isLoggedIn(); // Replace this with actual login validation
-
+
if (isLoggedIn) {
return true;
} else {
return { redirect: '/login' }; // If a user is not logged in, they will be redirected to the /login page
}
- }
-
+ };
+
const hasUnsavedDataGuard = async () => {
const hasUnsavedData = await checkData(); // Replace this with actual validation
-
+
if (hasUnsavedData) {
return await confirmDiscardChanges();
} else {
return true;
}
- }
-
+ };
+
const confirmDiscardChanges = async () => {
const alert = await alertController.create({
header: 'Discard Unsaved Changes?',
@@ -234,16 +228,16 @@ const confirmDiscardChanges = async () => {
{
text: 'Discard',
role: 'destructive',
- }
- ]
+ },
+ ],
});
-
+
await alert.present();
-
+
const { role } = await alert.onDidDismiss();
-
- return (role === 'Cancel') ? false : true;
- }
+
+ return role === 'Cancel' ? false : true;
+ };
```
@@ -252,19 +246,25 @@ const confirmDiscardChanges = async () => {
## Properties
+
## Events
+
## Methods
+
## CSS Shadow Parts
+
## CSS Custom Properties
+
## Slots
-
\ No newline at end of file
+
+
diff --git a/versioned_docs/version-v6/api/router-link.md b/versioned_docs/version-v6/api/router-link.md
index dd87a4c9354..f88b2ca058a 100644
--- a/versioned_docs/version-v6/api/router-link.md
+++ b/versioned_docs/version-v6/api/router-link.md
@@ -1,59 +1,61 @@
---
-title: "ion-router-link"
+title: 'ion-router-link'
hide_table_of_contents: true
-demoUrl: "/docs/demos/api/router-link/index.html"
-demoSourceUrl: "https://github.com/ionic-team/ionic-docs/tree/main/static/demos/api/router-link/index.html"
+demoUrl: '/docs/demos/api/router-link/index.html'
+demoSourceUrl: 'https://github.com/ionic-team/ionic-docs/tree/main/static/demos/api/router-link/index.html'
---
+
import TOCInline from '@theme/TOCInline';
-import Props from '@site/static/auto-generated/router-link/props.md';
-import Events from '@site/static/auto-generated/router-link/events.md';
-import Methods from '@site/static/auto-generated/router-link/methods.md';
-import Parts from '@site/static/auto-generated/router-link/parts.md';
-import CustomProps from '@site/static/auto-generated/router-link/custom-props.md';
-import Slots from '@site/static/auto-generated/router-link/slots.md';
+import Props from '@site/static/auto-generated/v6/router-link/props.md';
+import Events from '@site/static/auto-generated/v6/router-link/events.md';
+import Methods from '@site/static/auto-generated/v6/router-link/methods.md';
+import Parts from '@site/static/auto-generated/v6/router-link/parts.md';
+import CustomProps from '@site/static/auto-generated/v6/router-link/custom-props.md';
+import Slots from '@site/static/auto-generated/v6/router-link/slots.md';
Router Link | Navigating The ion-router-link Component
-
+
import EncapsulationPill from '@components/page/api/EncapsulationPill';
-
-