javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2026-03-13 10:22:08 +08:00
Code Issues Packages Projects Releases Wiki Activity

Update index.html

Browse Source
This commit is contained in:
Jessica Mendes
2024-07-05 10:16:20 +01:00
parent 4c35f91b14
commit 0148e899f9
1 changed files with 72 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

72
core/src/theme-ionic/test/dear-designer-list/index.html
View File

@@ -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>