docs(multiple): fix heading order (#31736)

wagnermaciel · web-flow · commit db7ab92b62c0 · 2025-08-20T12:58:16.000-04:00
diff --git a/src/dev-app/cdk-experimental-accordion/cdk-accordion-demo.css b/src/dev-app/cdk-experimental-accordion/cdk-accordion-demo.css
@@ -21,7 +21,7 @@
   margin-top: 40px;
 }
 
-h4 {
+h2 {
   height: 36px;
   margin-top: 0;
 }
diff --git a/src/dev-app/cdk-experimental-accordion/cdk-accordion-demo.html b/src/dev-app/cdk-experimental-accordion/cdk-accordion-demo.html
@@ -1,33 +1,33 @@
 <div>
   <div class="example-accordion-grid">
     <div class="example-accordion-container">
-      <h4>Single Expansion</h4>
+      <h2>Single Expansion</h2>
       <cdk-accordion-single-expansion-example></cdk-accordion-single-expansion-example>
     </div>
 
     <div class="example-accordion-container">
-      <h4>Multi Expansion</h4>
+      <h2>Multi Expansion</h2>
       <cdk-accordion-multi-expansion-example></cdk-accordion-multi-expansion-example>
     </div>
 
     <div class="example-accordion-container">
-      <h4>Disabled Accordions are Focusable</h4>
+      <h2>Disabled Accordions are Focusable</h2>
       <cdk-accordion-disabled-focusable-example></cdk-accordion-disabled-focusable-example>
     </div>
 
     <div class="example-accordion-container">
-      <h4>Disabled Accordions are Skipped</h4>
+      <h2>Disabled Accordions are Skipped</h2>
       <cdk-accordion-disabled-skipped-example></cdk-accordion-disabled-skipped-example>
     </div>
 
     <div class="example-accordion-container">
-      <h4>Disabled</h4>
+      <h2>Disabled</h2>
       <cdk-accordion-disabled-example></cdk-accordion-disabled-example>
     </div>
   </div>
 
   <div class="example-configurable-accordion-container">
-    <h4>Configurable</h4>
+    <h2>Configurable</h2>
     <cdk-accordion-configurable-example></cdk-accordion-configurable-example>
   </div>
 </div>
diff --git a/src/dev-app/cdk-experimental-listbox/cdk-listbox-demo.css b/src/dev-app/cdk-experimental-listbox/cdk-listbox-demo.css
@@ -15,6 +15,6 @@
   padding-top: 40px;
 }
 
-h4 {
+h2 {
   height: 36px;
 }
diff --git a/src/dev-app/cdk-experimental-listbox/cdk-listbox-demo.html b/src/dev-app/cdk-experimental-listbox/cdk-listbox-demo.html
@@ -1,63 +1,63 @@
 <div>
   <div class="example-listbox-grid">
     <div class="example-listbox-container">
-      <h4>Multi Select w/ Selection Follows Focus</h4>
+      <h2>Multi Select w/ Selection Follows Focus</h2>
       <cdk-listbox-multi-select-follow-focus-example></cdk-listbox-multi-select-follow-focus-example>
     </div>
 
     <div class="example-listbox-container">
-      <h4>Single Select w/ Selection Follows Focus</h4>
+      <h2>Single Select w/ Selection Follows Focus</h2>
       <cdk-listbox-single-select-follow-focus-example></cdk-listbox-single-select-follow-focus-example>
     </div>
 
     <div class="example-listbox-container">
-      <h4>Multi Select</h4>
+      <h2>Multi Select</h2>
       <cdk-listbox-multi-select-example></cdk-listbox-multi-select-example>
     </div>
 
     <div class="example-listbox-container">
-      <h4>Single Select</h4>
+      <h2>Single Select</h2>
       <cdk-listbox-single-select-example></cdk-listbox-single-select-example>
     </div>
 
     <div class="example-listbox-container">
-      <h4>Disabled</h4>
+      <h2>Disabled</h2>
       <cdk-listbox-disabled-example></cdk-listbox-disabled-example>
     </div>
 
     <div class="example-listbox-container">
-      <h4>Readonly</h4>
+      <h2>Readonly</h2>
       <cdk-listbox-readonly-example></cdk-listbox-readonly-example>
     </div>
 
     <div class="example-listbox-container">
-      <h4>Disabled Options are Skipped</h4>
+      <h2>Disabled Options are Skipped</h2>
       <cdk-listbox-disabled-skipped-example></cdk-listbox-disabled-skipped-example>
     </div>
 
     <div class="example-listbox-container">
-      <h4>Disabled Options are Focusable</h4>
+      <h2>Disabled Options are Focusable</h2>
       <cdk-listbox-disabled-focusable-example></cdk-listbox-disabled-focusable-example>
     </div>
 
     <div class="example-listbox-container">
-      <h4>Active Descendant</h4>
+      <h2>Active Descendant</h2>
       <cdk-listbox-active-descendant-example></cdk-listbox-active-descendant-example>
     </div>
 
     <div class="example-listbox-container">
-      <h4 dir="rtl">RTL & Horizontal Orientation</h4>
+      <h2 dir="rtl">RTL & Horizontal Orientation</h2>
       <cdk-listbox-rtl-horizontal-example></cdk-listbox-rtl-horizontal-example>
     </div>
 
     <div class="example-listbox-container">
-      <h4>Horizontal Orientation</h4>
+      <h2>Horizontal Orientation</h2>
       <cdk-listbox-horizontal-example></cdk-listbox-horizontal-example>
     </div>
   </div>
 
   <div class="example-configurable-listbox-container">
-    <h4>Configurable</h4>
+    <h2>Configurable</h2>
     <cdk-listbox-configurable-example></cdk-listbox-configurable-example>
   </div>
 </div>
diff --git a/src/dev-app/cdk-experimental-radio-group/cdk-radio-group-demo.css b/src/dev-app/cdk-experimental-radio-group/cdk-radio-group-demo.css
@@ -15,6 +15,6 @@
   padding-top: 40px;
 }
 
-h4 {
+h2 {
   height: 36px;
 }
diff --git a/src/dev-app/cdk-experimental-radio-group/cdk-radio-group-demo.html b/src/dev-app/cdk-experimental-radio-group/cdk-radio-group-demo.html
@@ -1,48 +1,48 @@
 <div>
   <div class="example-radio-grid">
     <div class="example-radio-container">
-      <h4>Standard</h4>
+      <h2>Standard</h2>
       <cdk-radio-group-standard-example></cdk-radio-group-standard-example>
     </div>
 
     <div class="example-radio-container">
-      <h4>Horizontal Orientation</h4>
+      <h2>Horizontal Orientation</h2>
       <cdk-radio-group-horizontal-example></cdk-radio-group-horizontal-example>
     </div>
 
     <div class="example-radio-container">
-      <h4 dir="rtl">RTL & Horizontal Orientation</h4>
+      <h2 dir="rtl">RTL & Horizontal Orientation</h2>
       <cdk-radio-group-rtl-horizontal-example></cdk-radio-group-rtl-horizontal-example>
     </div>
 
     <div class="example-radio-container">
-      <h4>Active Descendant</h4>
+      <h2>Active Descendant</h2>
       <cdk-radio-group-active-descendant-example></cdk-radio-group-active-descendant-example>
     </div>
 
     <div class="example-radio-container">
-      <h4>Disabled Radio Buttons are Focusable</h4>
+      <h2>Disabled Radio Buttons are Focusable</h2>
       <cdk-radio-group-disabled-focusable-example></cdk-radio-group-disabled-focusable-example>
     </div>
 
     <div class="example-radio-container">
-      <h4>Disabled Radio Buttons are Skipped</h4>
+      <h2>Disabled Radio Buttons are Skipped</h2>
       <cdk-radio-group-disabled-skipped-example></cdk-radio-group-disabled-skipped-example>
     </div>
 
     <div class="example-radio-container">
-      <h4>Readonly</h4>
+      <h2>Readonly</h2>
       <cdk-radio-group-readonly-example></cdk-radio-group-readonly-example>
     </div>
 
     <div class="example-radio-container">
-      <h4>Disabled</h4>
+      <h2>Disabled</h2>
       <cdk-radio-group-disabled-example></cdk-radio-group-disabled-example>
     </div>
   </div>
 
   <div class="example-configurable-radio-container">
-    <h4>Configurable</h4>
+    <h2>Configurable</h2>
     <cdk-radio-group-configurable-example></cdk-radio-group-configurable-example>
   </div>
 </div>
diff --git a/src/dev-app/cdk-experimental-tabs/cdk-tabs-demo.css b/src/dev-app/cdk-experimental-tabs/cdk-tabs-demo.css
@@ -15,6 +15,6 @@
   padding-top: 40px;
 }
 
-h4 {
+h2 {
   height: 36px;
 }
diff --git a/src/dev-app/cdk-experimental-tabs/cdk-tabs-demo.html b/src/dev-app/cdk-experimental-tabs/cdk-tabs-demo.html
@@ -1,46 +1,46 @@
 <div class="example-tabs-grid">
   <div class="example-tabs-container">
-    <h4>Standard</h4>
+    <h2>Standard</h2>
     <cdk-tabs-explicit-selection-example></cdk-tabs-explicit-selection-example>
   </div>
 
   <div class="example-tabs-container">
-    <h4>Selection Follows Focus</h4>
+    <h2>Selection Follows Focus</h2>
     <cdk-tabs-selection-follows-focus-example></cdk-tabs-selection-follows-focus-example>
   </div>
 
   <div class="example-tabs-container">
-    <h4>Vertical Orientation</h4>
+    <h2>Vertical Orientation</h2>
     <cdk-tabs-vertical-example></cdk-tabs-vertical-example>
   </div>
 
   <div class="example-tabs-container">
-    <h4>RTL</h4>
+    <h2>RTL</h2>
     <cdk-tabs-rtl-example></cdk-tabs-rtl-example>
   </div>
 
   <div class="example-tabs-container">
-    <h4>Active Descendant</h4>
+    <h2>Active Descendant</h2>
     <cdk-tabs-active-descendant-example></cdk-tabs-active-descendant-example>
   </div>
 
   <div class="example-tabs-container">
-    <h4>Disabled Tabs are Focusable</h4>
+    <h2>Disabled Tabs are Focusable</h2>
     <cdk-tabs-disabled-focusable-example></cdk-tabs-disabled-focusable-example>
   </div>
 
   <div class="example-tabs-container">
-    <h4>Disabled Tabs are Skipped</h4>
+    <h2>Disabled Tabs are Skipped</h2>
     <cdk-tabs-disabled-skipped-example></cdk-tabs-disabled-skipped-example>
   </div>
 
   <div class="example-tabs-container">
-    <h4>Disabled</h4>
+    <h2>Disabled</h2>
     <cdk-tabs-disabled-example></cdk-tabs-disabled-example>
   </div>
 </div>
 
 <div class="example-configurable-tabs-container">
-  <h4>Configurable</h4>
+  <h2>Configurable</h2>
   <cdk-tabs-configurable-example></cdk-tabs-configurable-example>
 </div>

Original file line number	Diff line number	Diff line change
`@@ -21,7 +21,7 @@`
`21`	`21`	`margin-top: 40px;`
`22`	`22`	`}`
`23`	`23`
`24`		`-h4 {`
	`24`	`+h2 {`
`25`	`25`	`height: 36px;`
`26`	`26`	`margin-top: 0;`
`27`	`27`	`}`
Original file line number	Diff line number	Diff line change
`@@ -15,6 +15,6 @@`
`15`	`15`	`padding-top: 40px;`
`16`	`16`	`}`
`17`	`17`
`18`		`-h4 {`
	`18`	`+h2 {`
`19`	`19`	`height: 36px;`
`20`	`20`	`}`