diff --git a/docs/api/modal.md b/docs/api/modal.md
index d8fb298ded3..1249e2a813b 100644
--- a/docs/api/modal.md
+++ b/docs/api/modal.md
@@ -157,6 +157,14 @@ import SheetHandleBehaviorExample from '@site/static/usage/v8/modal/sheet/handle
+
+ App
+
+
+
+ Open Sheet Modal
+
+
+
+
+
+
+
+
+
+ Connor Smith
+ Sales Rep
+
+
+
+
+
+
+ Jack Smith
+ Product Designer
+
+
+
+
+
+
+ Daniel Smith
+ Product Designer
+
+
+
+
+
+
+ Claire Smith
+ Graphic Designer
+
+
+
+
+
+
+ Kim Smith
+ Software Engineer
+
+
+
+
+
+
+ Alex Smith
+ Software Engineer
+
+
+
+
+
+
+ Eric Smith
+ Product Manager
+
+
+
+
+
+
+ Grace Smith
+ Product Manager
+
+
+
+
+
+
+ Henry Smith
+ Product Owner
+
+
+
+
+
+
+ Greg Smith
+ Director of Operations
+
+
+
+
+
+
+ Zoey Smith
+ CEO
+
+
+
+
+
+
+ Oliver Smith
+ COO
+
+
+
+
+
+
+ Emma Smith
+ CTO
+
+
+
+
+
+
+
+```
diff --git a/static/usage/v8/modal/sheet/expand-to-scroll/angular/example_component_ts.md b/static/usage/v8/modal/sheet/expand-to-scroll/angular/example_component_ts.md
new file mode 100644
index 00000000000..c41fa70b4e3
--- /dev/null
+++ b/static/usage/v8/modal/sheet/expand-to-scroll/angular/example_component_ts.md
@@ -0,0 +1,36 @@
+```ts
+import { Component } from '@angular/core';
+import {
+ IonAvatar,
+ IonButton,
+ IonContent,
+ IonHeader,
+ IonImg,
+ IonItem,
+ IonLabel,
+ IonList,
+ IonModal,
+ IonTitle,
+ IonToolbar,
+} from '@ionic/angular/standalone';
+
+@Component({
+ selector: 'app-example',
+ templateUrl: 'example.component.html',
+ styleUrls: ['example.component.css'],
+ imports: [
+ IonAvatar,
+ IonButton,
+ IonContent,
+ IonHeader,
+ IonImg,
+ IonItem,
+ IonLabel,
+ IonList,
+ IonModal,
+ IonTitle,
+ IonToolbar,
+ ],
+})
+export class ExampleComponent {}
+```
diff --git a/static/usage/v8/modal/sheet/expand-to-scroll/demo.html b/static/usage/v8/modal/sheet/expand-to-scroll/demo.html
new file mode 100644
index 00000000000..79516adaef7
--- /dev/null
+++ b/static/usage/v8/modal/sheet/expand-to-scroll/demo.html
@@ -0,0 +1,179 @@
+
+
+
+ Modal | Sheet
+
+
+
+ App
+
+
+
+ Open Sheet Modal
+
+
+
+
+
+
+
+
+ Connor Smith
+ Sales Rep
+
+
+
+
+
+
+ Jack Smith
+ Product Designer
+
+
+
+
+
+
+ Daniel Smith
+ Product Designer
+
+
+
+
+
+
+ Claire Smith
+ Graphic Designer
+
+
+
+
+
+
+ Kim Smith
+ Software Engineer
+
+
+
+
+
+
+ Alex Smith
+ Software Engineer
+
+
+
+
+
+
+ Eric Smith
+ Product Manager
+
+
+
+
+
+
+ Grace Smith
+ Product Manager
+
+
+
+
+
+
+ Henry Smith
+ Product Owner
+
+
+
+
+
+
+ Greg Smith
+ Director of Operations
+
+
+
+
+
+
+ Zoey Smith
+ CEO
+
+
+
+
+
+
+ Oliver Smith
+ COO
+
+
+
+
+
+
+ Emma Smith
+ CTO
+
+
+
+
+
+
+
+
+
+
+
diff --git a/static/usage/v8/modal/sheet/expand-to-scroll/index.md b/static/usage/v8/modal/sheet/expand-to-scroll/index.md
new file mode 100644
index 00000000000..f656ead1a57
--- /dev/null
+++ b/static/usage/v8/modal/sheet/expand-to-scroll/index.md
@@ -0,0 +1,26 @@
+import Playground from '@site/src/components/global/Playground';
+
+import javascript from './javascript.md';
+import react from './react.md';
+import vue from './vue.md';
+
+import angular_example_component_html from './angular/example_component_html.md';
+import angular_example_component_ts from './angular/example_component_ts.md';
+
+
+
+ App
+
+
+
+ Open Sheet Modal
+
+
+
+
+
+
+
+
+ Connor Smith
+ Sales Rep
+
+
+
+
+
+
+ Jack Smith
+ Product Designer
+
+
+
+
+
+
+ Daniel Smith
+ Product Designer
+
+
+
+
+
+
+ Claire Smith
+ Graphic Designer
+
+
+
+
+
+
+ Kim Smith
+ Software Engineer
+
+
+
+
+
+
+ Alex Smith
+ Software Engineer
+
+
+
+
+
+
+ Eric Smith
+ Product Manager
+
+
+
+
+
+
+ Grace Smith
+ Product Manager
+
+
+
+
+
+
+ Henry Smith
+ Product Owner
+
+
+
+
+
+
+ Greg Smith
+ Director of Operations
+
+
+
+
+
+
+ Zoey Smith
+ CEO
+
+
+
+
+
+
+ Oliver Smith
+ COO
+
+
+
+
+
+
+ Emma Smith
+ CTO
+
+
+
+
+
+
+
+
+```
diff --git a/static/usage/v8/modal/sheet/expand-to-scroll/react.md b/static/usage/v8/modal/sheet/expand-to-scroll/react.md
new file mode 100644
index 00000000000..e6afd40b516
--- /dev/null
+++ b/static/usage/v8/modal/sheet/expand-to-scroll/react.md
@@ -0,0 +1,185 @@
+```tsx
+import React from 'react';
+import {
+ IonButton,
+ IonModal,
+ IonHeader,
+ IonContent,
+ IonToolbar,
+ IonTitle,
+ IonPage,
+ IonList,
+ IonItem,
+ IonLabel,
+ IonAvatar,
+ IonImg,
+} from '@ionic/react';
+
+function Example() {
+ return (
+
+
+
+ App
+
+
+
+
+ Open Sheet Modal
+
+
+
+
+
+
+
+
+ Connor Smith
+ Sales Rep
+
+
+
+
+
+
+ Jack Smith
+ Product Designer
+
+
+
+
+
+
+ Daniel Smith
+ Product Designer
+
+
+
+
+
+
+ Claire Smith
+ Graphic Designer
+
+
+
+
+
+
+ Kim Smith
+ Software Engineer
+
+
+
+
+
+
+ Alex Smith
+ Software Engineer
+
+
+
+
+
+
+ Eric Smith
+ Product Manager
+
+
+
+
+
+
+ Grace Smith
+ Product Manager
+
+
+
+
+
+
+ Henry Smith
+ Product Owner
+
+
+
+
+
+
+ Greg Smith
+ Director of Operations
+
+
+
+
+
+
+ Zoey Smith
+ CEO
+
+
+
+
+
+
+ Oliver Smith
+ COO
+
+
+
+
+
+
+ Emma Smith
+ CTO
+
+
+
+
+
+
+
+ );
+}
+
+export default Example;
+```
diff --git a/static/usage/v8/modal/sheet/expand-to-scroll/vue.md b/static/usage/v8/modal/sheet/expand-to-scroll/vue.md
new file mode 100644
index 00000000000..57526a20fed
--- /dev/null
+++ b/static/usage/v8/modal/sheet/expand-to-scroll/vue.md
@@ -0,0 +1,181 @@
+```html
+
+
+
+ App
+
+
+
+ Open Sheet Modal
+
+
+
+
+
+
+
+
+ Connor Smith
+ Sales Rep
+
+
+
+
+
+
+ Jack Smith
+ Product Designer
+
+
+
+
+
+
+ Daniel Smith
+ Product Designer
+
+
+
+
+
+
+ Claire Smith
+ Graphic Designer
+
+
+
+
+
+
+ Kim Smith
+ Software Engineer
+
+
+
+
+
+
+ Alex Smith
+ Software Engineer
+
+
+
+
+
+
+ Eric Smith
+ Product Manager
+
+
+
+
+
+
+ Grace Smith
+ Product Manager
+
+
+
+
+
+
+ Henry Smith
+ Product Owner
+
+
+
+
+
+
+ Greg Smith
+ Director of Operations
+
+
+
+
+
+
+ Zoey Smith
+ CEO
+
+
+
+
+
+
+ Oliver Smith
+ COO
+
+
+
+
+
+
+ Emma Smith
+ CTO
+
+
+
+
+
+
+
+
+
+```