+
+
+ Title
+
+ Button
+
+
+
+
+ Scroll the list to see the title & buttons collapse.
+
+
+ Item 1
+ Item 2
+ Item 3
+ Item 4
+ Item 5
+ Item 6
+ Item 7
+ Item 8
+ Item 9
+ Item 10
+ Item 11
+ Item 12
+ Item 13
+ Item 14
+ Item 15
+ Item 16
+ Item 17
+ Item 18
+ Item 19
+ Item 20
+
+
+```
diff --git a/static/usage/v7/title/collapsible-large-title/buttons/angular/example_component_ts.md b/static/usage/v7/title/collapsible-large-title/buttons/angular/example_component_ts.md
new file mode 100644
index 00000000000..1228a9ab9e6
--- /dev/null
+++ b/static/usage/v7/title/collapsible-large-title/buttons/angular/example_component_ts.md
@@ -0,0 +1,20 @@
+```ts
+import { Component } from '@angular/core';
+import {
+ IonButton,
+ IonButtons,
+ IonContent,
+ IonHeader,
+ IonItem,
+ IonList,
+ IonTitle,
+ IonToolbar,
+} from '@ionic/angular/standalone';
+
+@Component({
+ selector: 'app-example',
+ templateUrl: 'example.component.html',
+ imports: [IonButton, IonButtons, IonContent, IonHeader, IonItem, IonList, IonTitle, IonToolbar],
+})
+export class ExampleComponent {}
+```
diff --git a/static/usage/v7/title/collapsible-large-title/buttons/index.md b/static/usage/v7/title/collapsible-large-title/buttons/index.md
index b11f1bbe655..338eaa7287e 100644
--- a/static/usage/v7/title/collapsible-large-title/buttons/index.md
+++ b/static/usage/v7/title/collapsible-large-title/buttons/index.md
@@ -3,12 +3,24 @@ 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 from './angular.md';
+
+import angular_example_component_html from './angular/example_component_html.md';
+import angular_example_component_ts from './angular/example_component_ts.md';