From 0148e899f93fc4f12db9ff823957d54955471560 Mon Sep 17 00:00:00 2001
From: Jessica Mendes <jessica.mendes@outsystems.com>
Date: Fri, 5 Jul 2024 10:16:20 +0100
Subject: [PATCH] Update index.html

---
 .../test/dear-designer-list/index.html        | 72 +++++++++++++++++++
 1 file changed, 72 insertions(+)

diff --git a/core/src/theme-ionic/test/dear-designer-list/index.html b/core/src/theme-ionic/test/dear-designer-list/index.html
index daa60a1cb5..d670554fec 100644
--- a/core/src/theme-ionic/test/dear-designer-list/index.html
+++ b/core/src/theme-ionic/test/dear-designer-list/index.html
@@ -430,6 +430,78 @@
             <ion-col></ion-col>
           </ion-row>
 
+          <ion-row>
+            <ion-col></ion-col>
+            <ion-col size="10">
+              <h2 class="title">Swipe Actions</h2>
+              <ion-text class="subtitle">Lists can have swipe actions, visible when the user swipes.</ion-text>
+              
+            </ion-col>
+            <ion-col></ion-col>
+
+          </ion-row>
+
+          <ion-row>
+            <ion-col></ion-col>
+            <ion-col size="5">
+              <ion-card shape="rectangular" class="preview2">
+                <ion-card-content>
+                  <ion-list style="width:400px;">
+                    <ion-item-sliding>
+                      <ion-item>
+                        <ion-label>
+                          <p><ion-text style="color:#242424" class="ionic-body-lg-medium">Title</ion-text></p>
+                          <p><ion-text style="color:#3B3B3B" class="ionic-body-md-regular">Subtitle</ion-text></p>
+                        </ion-label>
+                      </ion-item>
+                      <ion-item-options>
+                        <ion-item-option><ion-icon slot="top" name="heart"></ion-icon>Favorite</ion-item-option>
+                        <ion-item-option color="danger"><ion-icon slot="top" name="trash"></ion-icon>Delete</ion-item-option>
+                      </ion-item-options>
+                    </ion-item-sliding>
+                  </ion-list>
+                </ion-card-content>
+              </ion-card>
+            </ion-col>
+            <ion-col size="5">
+              
+            </ion-col>
+            <ion-col></ion-col>
+          </ion-row>
+
+          <ion-row>
+            <ion-col></ion-col>
+            <ion-col size="10">
+              <h2 class="title">Enabled</h2>
+              <ion-text class="subtitle">The List Item can be enabled or disabled. By default, True (enabled).</ion-text>
+              
+            </ion-col>
+            <ion-col></ion-col>
+
+          </ion-row>
+
+          <ion-row>
+            <ion-col></ion-col>
+            <ion-col size="5">
+              <ion-card shape="rectangular" class="preview2">
+                <ion-card-content>
+                  <ion-list style="width:400px;">
+                    <ion-item disabled="true">
+                        <ion-label>
+                          <p><ion-text style="color:#242424" class="ionic-body-lg-medium">Title</ion-text></p>
+                          <p><ion-text style="color:#3B3B3B" class="ionic-body-md-regular">Subtitle</ion-text></p>
+                        </ion-label>
+                      </ion-item>
+                  </ion-list>
+                </ion-card-content>
+              </ion-card>
+            </ion-col>
+            <ion-col size="5">
+              
+            </ion-col>
+            <ion-col></ion-col>
+          </ion-row>
+
         
         </ion-grid>