ionic-team · sean-perkins · Jun 4, 2024 · Jan 16, 2024 · Jan 16, 2024 · Jan 17, 2024
@@ -175,34 +175,8 @@ import { LoginComponent } from './login.component';
 
 ## Standalone Components
 
-:::warning Experimental API
-
-Standalone components is an experimental API introduced in Angular 14.x and available in Ionic 6.3 and later. This feature may change before it is stable.
-
-:::
-
 Standalone components allow developers to lazy load a component on a route without having to declare the component to an Angular module.
 
-To use standalone components with routing and Ionic Framework, you must first be on Ionic ^6.3.0. The experimental API requires developers to assign the `EnvironmentInjector` instance for each router outlet (`ion-router-outlet` and `ion-tabs`) that uses standalone component routing.
-
-```ts title="app.component.ts"
-import { Component, EnvironmentInjector } from '@angular/core';
-
-@Component({
-  selector: 'app-root',
-  template: 'app.component.html',
-})
-export class AppComponent {
-  constructor(public environmentInjector: EnvironmentInjector) {}
-}
-```
-
-```html title="app.component.html"
-<ion-router-outlet [environmentInjector]="environmentInjector"></ion-router-outlet>
-<!-- or if you are using ion-tabs -->
-<ion-tabs [environmentInjector]="environmentInjector"> ... </ion-tabs>
-```
-
 Developers can use the existing syntax for standalone component routing from Angular:
 
 ```ts

@@ -5,7 +5,7 @@ import Props from '@ionic-internal/component-api/v8/accordion-group/props.md';
 import Events from '@ionic-internal/component-api/v8/accordion-group/events.md';
 import Methods from '@ionic-internal/component-api/v8/accordion-group/methods.md';
 import Parts from '@ionic-internal/component-api/v8/accordion-group/parts.md';
-import CustomProps from '@ionic-internal/component-api/v8/accordion-group/custom-props.md';
+import CustomProps from '@ionic-internal/component-api/v8/accordion-group/custom-props.mdx';
 import Slots from '@ionic-internal/component-api/v8/accordion-group/slots.md';
 
 import EncapsulationPill from '@components/page/api/EncapsulationPill';

@@ -5,7 +5,7 @@ import Props from '@ionic-internal/component-api/v8/accordion/props.md';
 import Events from '@ionic-internal/component-api/v8/accordion/events.md';
 import Methods from '@ionic-internal/component-api/v8/accordion/methods.md';
 import Parts from '@ionic-internal/component-api/v8/accordion/parts.md';
-import CustomProps from '@ionic-internal/component-api/v8/accordion/custom-props.md';
+import CustomProps from '@ionic-internal/component-api/v8/accordion/custom-props.mdx';
 import Slots from '@ionic-internal/component-api/v8/accordion/slots.md';
 
 <head>

@@ -8,7 +8,7 @@ import Props from '@ionic-internal/component-api/v8/action-sheet/props.md';
 import Events from '@ionic-internal/component-api/v8/action-sheet/events.md';
 import Methods from '@ionic-internal/component-api/v8/action-sheet/methods.md';
 import Parts from '@ionic-internal/component-api/v8/action-sheet/parts.md';
-import CustomProps from '@ionic-internal/component-api/v8/action-sheet/custom-props.md';
+import CustomProps from '@ionic-internal/component-api/v8/action-sheet/custom-props.mdx';
 import Slots from '@ionic-internal/component-api/v8/action-sheet/slots.md';
 
 <head>

@@ -8,7 +8,7 @@ import Props from '@ionic-internal/component-api/v8/alert/props.md';
 import Events from '@ionic-internal/component-api/v8/alert/events.md';
 import Methods from '@ionic-internal/component-api/v8/alert/methods.md';
 import Parts from '@ionic-internal/component-api/v8/alert/parts.md';
-import CustomProps from '@ionic-internal/component-api/v8/alert/custom-props.md';
+import CustomProps from '@ionic-internal/component-api/v8/alert/custom-props.mdx';
 import Slots from '@ionic-internal/component-api/v8/alert/slots.md';
 
 <head>

@@ -5,7 +5,7 @@ import Props from '@ionic-internal/component-api/v8/app/props.md';
 import Events from '@ionic-internal/component-api/v8/app/events.md';
 import Methods from '@ionic-internal/component-api/v8/app/methods.md';
 import Parts from '@ionic-internal/component-api/v8/app/parts.md';
-import CustomProps from '@ionic-internal/component-api/v8/app/custom-props.md';
+import CustomProps from '@ionic-internal/component-api/v8/app/custom-props.mdx';
 import Slots from '@ionic-internal/component-api/v8/app/slots.md';
 
 <head>

@@ -6,7 +6,7 @@ import Props from '@ionic-internal/component-api/v8/avatar/props.md';
 import Events from '@ionic-internal/component-api/v8/avatar/events.md';
 import Methods from '@ionic-internal/component-api/v8/avatar/methods.md';
 import Parts from '@ionic-internal/component-api/v8/avatar/parts.md';
-import CustomProps from '@ionic-internal/component-api/v8/avatar/custom-props.md';
+import CustomProps from '@ionic-internal/component-api/v8/avatar/custom-props.mdx';
 import Slots from '@ionic-internal/component-api/v8/avatar/slots.md';
 
 <head>

@@ -5,7 +5,7 @@ import Props from '@ionic-internal/component-api/v8/back-button/props.md';
 import Events from '@ionic-internal/component-api/v8/back-button/events.md';
 import Methods from '@ionic-internal/component-api/v8/back-button/methods.md';
 import Parts from '@ionic-internal/component-api/v8/back-button/parts.md';
-import CustomProps from '@ionic-internal/component-api/v8/back-button/custom-props.md';
+import CustomProps from '@ionic-internal/component-api/v8/back-button/custom-props.mdx';
 import Slots from '@ionic-internal/component-api/v8/back-button/slots.md';
 
 <head>

@@ -5,7 +5,7 @@ import Props from '@ionic-internal/component-api/v8/backdrop/props.md';
 import Events from '@ionic-internal/component-api/v8/backdrop/events.md';
 import Methods from '@ionic-internal/component-api/v8/backdrop/methods.md';
 import Parts from '@ionic-internal/component-api/v8/backdrop/parts.md';
-import CustomProps from '@ionic-internal/component-api/v8/backdrop/custom-props.md';
+import CustomProps from '@ionic-internal/component-api/v8/backdrop/custom-props.mdx';
 import Slots from '@ionic-internal/component-api/v8/backdrop/slots.md';
 
 import EncapsulationPill from '@components/page/api/EncapsulationPill';

@@ -5,7 +5,7 @@ import Props from '@ionic-internal/component-api/v8/badge/props.md';
 import Events from '@ionic-internal/component-api/v8/badge/events.md';
 import Methods from '@ionic-internal/component-api/v8/badge/methods.md';
 import Parts from '@ionic-internal/component-api/v8/badge/parts.md';
-import CustomProps from '@ionic-internal/component-api/v8/badge/custom-props.md';
+import CustomProps from '@ionic-internal/component-api/v8/badge/custom-props.mdx';
 import Slots from '@ionic-internal/component-api/v8/badge/slots.md';
 
 <head>

@@ -5,7 +5,7 @@ import Props from '@ionic-internal/component-api/v8/breadcrumb/props.md';
 import Events from '@ionic-internal/component-api/v8/breadcrumb/events.md';
 import Methods from '@ionic-internal/component-api/v8/breadcrumb/methods.md';
 import Parts from '@ionic-internal/component-api/v8/breadcrumb/parts.md';
-import CustomProps from '@ionic-internal/component-api/v8/breadcrumb/custom-props.md';
+import CustomProps from '@ionic-internal/component-api/v8/breadcrumb/custom-props.mdx';
 import Slots from '@ionic-internal/component-api/v8/breadcrumb/slots.md';
 
 import EncapsulationPill from '@components/page/api/EncapsulationPill';

@@ -5,7 +5,7 @@ import Props from '@ionic-internal/component-api/v8/breadcrumbs/props.md';
 import Events from '@ionic-internal/component-api/v8/breadcrumbs/events.md';
 import Methods from '@ionic-internal/component-api/v8/breadcrumbs/methods.md';
 import Parts from '@ionic-internal/component-api/v8/breadcrumbs/parts.md';
-import CustomProps from '@ionic-internal/component-api/v8/breadcrumbs/custom-props.md';
+import CustomProps from '@ionic-internal/component-api/v8/breadcrumbs/custom-props.mdx';
 import Slots from '@ionic-internal/component-api/v8/breadcrumbs/slots.md';
 
 

@@ -5,7 +5,7 @@ import Props from '@ionic-internal/component-api/v8/button/props.md';
 import Events from '@ionic-internal/component-api/v8/button/events.md';
 import Methods from '@ionic-internal/component-api/v8/button/methods.md';
 import Parts from '@ionic-internal/component-api/v8/button/parts.md';
-import CustomProps from '@ionic-internal/component-api/v8/button/custom-props.md';
+import CustomProps from '@ionic-internal/component-api/v8/button/custom-props.mdx';
 import Slots from '@ionic-internal/component-api/v8/button/slots.md';
 
 <head>

@@ -5,7 +5,7 @@ import Props from '@ionic-internal/component-api/v8/buttons/props.md';
 import Events from '@ionic-internal/component-api/v8/buttons/events.md';
 import Methods from '@ionic-internal/component-api/v8/buttons/methods.md';
 import Parts from '@ionic-internal/component-api/v8/buttons/parts.md';
-import CustomProps from '@ionic-internal/component-api/v8/buttons/custom-props.md';
+import CustomProps from '@ionic-internal/component-api/v8/buttons/custom-props.mdx';
 import Slots from '@ionic-internal/component-api/v8/buttons/slots.md';
 
 <head>

@@ -5,7 +5,7 @@ import Props from '@ionic-internal/component-api/v8/card-content/props.md';
 import Events from '@ionic-internal/component-api/v8/card-content/events.md';
 import Methods from '@ionic-internal/component-api/v8/card-content/methods.md';
 import Parts from '@ionic-internal/component-api/v8/card-content/parts.md';
-import CustomProps from '@ionic-internal/component-api/v8/card-content/custom-props.md';
+import CustomProps from '@ionic-internal/component-api/v8/card-content/custom-props.mdx';
 import Slots from '@ionic-internal/component-api/v8/card-content/slots.md';
 
 import EncapsulationPill from '@components/page/api/EncapsulationPill';

@@ -5,7 +5,7 @@ import Props from '@ionic-internal/component-api/v8/card-header/props.md';
 import Events from '@ionic-internal/component-api/v8/card-header/events.md';
 import Methods from '@ionic-internal/component-api/v8/card-header/methods.md';
 import Parts from '@ionic-internal/component-api/v8/card-header/parts.md';
-import CustomProps from '@ionic-internal/component-api/v8/card-header/custom-props.md';
+import CustomProps from '@ionic-internal/component-api/v8/card-header/custom-props.mdx';
 import Slots from '@ionic-internal/component-api/v8/card-header/slots.md';
 
 import EncapsulationPill from '@components/page/api/EncapsulationPill';

@@ -5,7 +5,7 @@ import Props from '@ionic-internal/component-api/v8/card-subtitle/props.md';
 import Events from '@ionic-internal/component-api/v8/card-subtitle/events.md';
 import Methods from '@ionic-internal/component-api/v8/card-subtitle/methods.md';
 import Parts from '@ionic-internal/component-api/v8/card-subtitle/parts.md';
-import CustomProps from '@ionic-internal/component-api/v8/card-subtitle/custom-props.md';
+import CustomProps from '@ionic-internal/component-api/v8/card-subtitle/custom-props.mdx';
 import Slots from '@ionic-internal/component-api/v8/card-subtitle/slots.md';
 
 import EncapsulationPill from '@components/page/api/EncapsulationPill';

@@ -5,7 +5,7 @@ import Props from '@ionic-internal/component-api/v8/card-title/props.md';
 import Events from '@ionic-internal/component-api/v8/card-title/events.md';
 import Methods from '@ionic-internal/component-api/v8/card-title/methods.md';
 import Parts from '@ionic-internal/component-api/v8/card-title/parts.md';
-import CustomProps from '@ionic-internal/component-api/v8/card-title/custom-props.md';
+import CustomProps from '@ionic-internal/component-api/v8/card-title/custom-props.mdx';
 import Slots from '@ionic-internal/component-api/v8/card-title/slots.md';
 
 import EncapsulationPill from '@components/page/api/EncapsulationPill';

@@ -5,7 +5,7 @@ import Props from '@ionic-internal/component-api/v8/card/props.md';
 import Events from '@ionic-internal/component-api/v8/card/events.md';
 import Methods from '@ionic-internal/component-api/v8/card/methods.md';
 import Parts from '@ionic-internal/component-api/v8/card/parts.md';
-import CustomProps from '@ionic-internal/component-api/v8/card/custom-props.md';
+import CustomProps from '@ionic-internal/component-api/v8/card/custom-props.mdx';
 import Slots from '@ionic-internal/component-api/v8/card/slots.md';
 
 import EncapsulationPill from '@components/page/api/EncapsulationPill';

@@ -6,7 +6,7 @@ import Props from '@ionic-internal/component-api/v8/checkbox/props.md';
 import Events from '@ionic-internal/component-api/v8/checkbox/events.md';
 import Methods from '@ionic-internal/component-api/v8/checkbox/methods.md';
 import Parts from '@ionic-internal/component-api/v8/checkbox/parts.md';
-import CustomProps from '@ionic-internal/component-api/v8/checkbox/custom-props.md';
+import CustomProps from '@ionic-internal/component-api/v8/checkbox/custom-props.mdx';
 import Slots from '@ionic-internal/component-api/v8/checkbox/slots.md';
 
 <head>

@@ -5,7 +5,7 @@ import Props from '@ionic-internal/component-api/v8/chip/props.md';
 import Events from '@ionic-internal/component-api/v8/chip/events.md';
 import Methods from '@ionic-internal/component-api/v8/chip/methods.md';
 import Parts from '@ionic-internal/component-api/v8/chip/parts.md';
-import CustomProps from '@ionic-internal/component-api/v8/chip/custom-props.md';
+import CustomProps from '@ionic-internal/component-api/v8/chip/custom-props.mdx';
 import Slots from '@ionic-internal/component-api/v8/chip/slots.md';
 
 <head>

@@ -5,7 +5,7 @@ import Props from '@ionic-internal/component-api/v8/col/props.md';
 import Events from '@ionic-internal/component-api/v8/col/events.md';
 import Methods from '@ionic-internal/component-api/v8/col/methods.md';
 import Parts from '@ionic-internal/component-api/v8/col/parts.md';
-import CustomProps from '@ionic-internal/component-api/v8/col/custom-props.md';
+import CustomProps from '@ionic-internal/component-api/v8/col/custom-props.mdx';
 import Slots from '@ionic-internal/component-api/v8/col/slots.md';
 
 <head>

@@ -5,7 +5,7 @@ import Props from '@ionic-internal/component-api/v8/content/props.md';
 import Events from '@ionic-internal/component-api/v8/content/events.md';
 import Methods from '@ionic-internal/component-api/v8/content/methods.md';
 import Parts from '@ionic-internal/component-api/v8/content/parts.md';
-import CustomProps from '@ionic-internal/component-api/v8/content/custom-props.md';
+import CustomProps from '@ionic-internal/component-api/v8/content/custom-props.mdx';
 import Slots from '@ionic-internal/component-api/v8/content/slots.md';
 
 <head>
@@ -76,6 +76,7 @@ import ScrollEvents from '@site/static/usage/v8/content/scroll-events/index.md';
 
 <ScrollEvents />
 
+Scroll events are disabled by default for content due to performance. However, they can be enabled by setting `scrollEvents` to `true`. This is necessary before listening to any of the scroll [events](#events).
 
 ## テーマ
 
@@ -161,6 +162,7 @@ interface ScrollCustomEvent extends ScrollBaseCustomEvent {
 }
 ```
 
+### ScrollCustomEvent
 
 ## プロパティ
 <Props />

@@ -5,7 +5,7 @@ import Props from '@ionic-internal/component-api/v8/datetime-button/props.md';
 import Events from '@ionic-internal/component-api/v8/datetime-button/events.md';
 import Methods from '@ionic-internal/component-api/v8/datetime-button/methods.md';
 import Parts from '@ionic-internal/component-api/v8/datetime-button/parts.md';
-import CustomProps from '@ionic-internal/component-api/v8/datetime-button/custom-props.md';
+import CustomProps from '@ionic-internal/component-api/v8/datetime-button/custom-props.mdx';
 import Slots from '@ionic-internal/component-api/v8/datetime-button/slots.md';
 
 <head>

@@ -5,7 +5,7 @@ import Props from '@ionic-internal/component-api/v8/datetime/props.md';
 import Events from '@ionic-internal/component-api/v8/datetime/events.md';
 import Methods from '@ionic-internal/component-api/v8/datetime/methods.md';
 import Parts from '@ionic-internal/component-api/v8/datetime/parts.md';
-import CustomProps from '@ionic-internal/component-api/v8/datetime/custom-props.md';
+import CustomProps from '@ionic-internal/component-api/v8/datetime/custom-props.mdx';
 import Slots from '@ionic-internal/component-api/v8/datetime/slots.md';
 
 import Basic from '@site/static/usage/v8/datetime/basic/index.md';

@@ -5,7 +5,7 @@ import Props from '@ionic-internal/component-api/v8/fab-button/props.md';
 import Events from '@ionic-internal/component-api/v8/fab-button/events.md';
 import Methods from '@ionic-internal/component-api/v8/fab-button/methods.md';
 import Parts from '@ionic-internal/component-api/v8/fab-button/parts.md';
-import CustomProps from '@ionic-internal/component-api/v8/fab-button/custom-props.md';
+import CustomProps from '@ionic-internal/component-api/v8/fab-button/custom-props.mdx';
 import Slots from '@ionic-internal/component-api/v8/fab-button/slots.md';
 
 <head>

@@ -5,7 +5,7 @@ import Props from '@ionic-internal/component-api/v8/fab-list/props.md';
 import Events from '@ionic-internal/component-api/v8/fab-list/events.md';
 import Methods from '@ionic-internal/component-api/v8/fab-list/methods.md';
 import Parts from '@ionic-internal/component-api/v8/fab-list/parts.md';
-import CustomProps from '@ionic-internal/component-api/v8/fab-list/custom-props.md';
+import CustomProps from '@ionic-internal/component-api/v8/fab-list/custom-props.mdx';
 import Slots from '@ionic-internal/component-api/v8/fab-list/slots.md';
 
 import EncapsulationPill from '@components/page/api/EncapsulationPill';

@@ -5,7 +5,7 @@ import Props from '@ionic-internal/component-api/v8/fab/props.md';
 import Events from '@ionic-internal/component-api/v8/fab/events.md';
 import Methods from '@ionic-internal/component-api/v8/fab/methods.md';
 import Parts from '@ionic-internal/component-api/v8/fab/parts.md';
-import CustomProps from '@ionic-internal/component-api/v8/fab/custom-props.md';
+import CustomProps from '@ionic-internal/component-api/v8/fab/custom-props.mdx';
 import Slots from '@ionic-internal/component-api/v8/fab/slots.md';
 
 <head>

@@ -5,7 +5,7 @@ import Props from '@ionic-internal/component-api/v8/footer/props.md';
 import Events from '@ionic-internal/component-api/v8/footer/events.md';
 import Methods from '@ionic-internal/component-api/v8/footer/methods.md';
 import Parts from '@ionic-internal/component-api/v8/footer/parts.md';
-import CustomProps from '@ionic-internal/component-api/v8/footer/custom-props.md';
+import CustomProps from '@ionic-internal/component-api/v8/footer/custom-props.mdx';
 import Slots from '@ionic-internal/component-api/v8/footer/slots.md';
 
 <head>

@@ -5,7 +5,7 @@ import Props from '@ionic-internal/component-api/v8/grid/props.md';
 import Events from '@ionic-internal/component-api/v8/grid/events.md';
 import Methods from '@ionic-internal/component-api/v8/grid/methods.md';
 import Parts from '@ionic-internal/component-api/v8/grid/parts.md';
-import CustomProps from '@ionic-internal/component-api/v8/grid/custom-props.md';
+import CustomProps from '@ionic-internal/component-api/v8/grid/custom-props.mdx';
 import Slots from '@ionic-internal/component-api/v8/grid/slots.md';
 
 <head>

@@ -5,7 +5,7 @@ import Props from '@ionic-internal/component-api/v8/header/props.md';
 import Events from '@ionic-internal/component-api/v8/header/events.md';
 import Methods from '@ionic-internal/component-api/v8/header/methods.md';
 import Parts from '@ionic-internal/component-api/v8/header/parts.md';
-import CustomProps from '@ionic-internal/component-api/v8/header/custom-props.md';
+import CustomProps from '@ionic-internal/component-api/v8/header/custom-props.mdx';
 import Slots from '@ionic-internal/component-api/v8/header/slots.md';
 
 <head>

@@ -6,7 +6,7 @@ import Props from '@ionic-internal/component-api/v8/img/props.md';
 import Events from '@ionic-internal/component-api/v8/img/events.md';
 import Methods from '@ionic-internal/component-api/v8/img/methods.md';
 import Parts from '@ionic-internal/component-api/v8/img/parts.md';
-import CustomProps from '@ionic-internal/component-api/v8/img/custom-props.md';
+import CustomProps from '@ionic-internal/component-api/v8/img/custom-props.mdx';
 import Slots from '@ionic-internal/component-api/v8/img/slots.md';
 
 <head>