Hide Steppers Events section

Author: juujisai

site/content/docs/standard/components/stepper/a-ss.html

@@ -13,6 +13,6 @@
 <li class="mb-1 pl-[9px] text-[0.85rem]">
   <a href="#api-section-methods">Methods</a>
 </li>
-<li class="mb-1 pl-[9px] text-[0.85rem]">
+<!-- <li class="mb-1 pl-[9px] text-[0.85rem]">
   <a href="#api-section-events">Events</a>
-</li>
+</li> -->

site/content/docs/standard/components/stepper/a.html

@@ -366,12 +366,12 @@ <h4 class="mb-4 font-bold">Via JavaScript</h4>
       <!-- Section: Code-->
       <!-- Section: Methods-->
 
-      <hr class="mb-5 dark:border-neutral-600" />
+      <!-- <hr class="mb-5 dark:border-neutral-600" /> -->
 
       <!-- Section: Events-->
-      <section id="api-section-events">
-        <!-- Section title -->
-        <h2
+      <!-- <section id="api-section-events"> -->
+      <!-- Section title -->
+      <!-- <h2
           class="mb-5 mt-0 text-3xl font-semibold leading-normal"
           data-te-spy-item>
           Events
@@ -430,29 +430,29 @@ <h4 class="mb-4 font-bold">Via JavaScript</h4>
               </div>
             </div>
           </div>
-        </div>
+        </div> -->
 
-        <!-- Section: Code-->
-        {{< twsnippet/no-demo id="api-example6" >}}
+      <!-- Section: Code-->
+      <!-- {{< twsnippet/no-demo id="api-example6" >}}
         <section
           class="!visible hidden"
           data-te-collapse-item
           id="api-example6">
           <div class="pt-4">
-            {{< twsnippet/wrapper "JavaScript" >}}
-            <!-- prettier-ignore -->
-            {{< twsnippet/code active=true lang="js" >}}
+            {{< twsnippet/wrapper "JavaScript" >}} -->
+      <!-- prettier-ignore -->
+      <!-- {{< twsnippet/code active=true lang="js" >}}
                   const stepOne = document.querySelectorAll('[data-te-stepper-step-ref]')[0];
                   stepOne.addEventListener('onChangeStep.mdb.stepper', () => {
                     // do something...
                   }); 
                 {{< /twsnippet/code >}}
                 {{< /twsnippet/wrapper >}}
           </div>
-        </section>
-        <!-- Section: Code-->
-        <!-- Section: Events-->
-      </section>
+        </section> -->
+      <!-- Section: Code-->
+      <!-- Section: Events-->
+      <!-- </section> -->
       <!-- Section: Docs content-->
     </section>
   </section>