|
29 | 29 | </ion-list-header> |
30 | 30 | <ion-item-sliding> |
31 | 31 | <ion-item> |
32 | | - <ion-label> |
33 | | - Bold |
34 | | - </ion-label> |
| 32 | + <ion-label> Bold </ion-label> |
35 | 33 | </ion-item> |
36 | 34 | <ion-item-options side="start"> |
37 | 35 | <ion-item-option hue="bold">Default</ion-item-option> |
|
40 | 38 |
|
41 | 39 | <ion-item-sliding> |
42 | 40 | <ion-item> |
43 | | - <ion-label> |
44 | | - Subtle |
45 | | - </ion-label> |
| 41 | + <ion-label> Subtle </ion-label> |
46 | 42 | </ion-item> |
47 | 43 | <ion-item-options side="start"> |
48 | 44 | <ion-item-option>Default</ion-item-option> |
49 | 45 | </ion-item-options> |
50 | | - </ion-item-options> |
51 | 46 | </ion-item-sliding> |
52 | 47 |
|
53 | 48 | <ion-list-header> |
54 | 49 | <ion-label>Core Colors</ion-label> |
55 | 50 | </ion-list-header> |
56 | 51 | <ion-item-sliding> |
57 | 52 | <ion-item> |
58 | | - <ion-label> |
59 | | - Bold |
60 | | - </ion-label> |
| 53 | + <ion-label> Bold </ion-label> |
61 | 54 | </ion-item> |
62 | 55 | <ion-item-options side="start"> |
63 | 56 | <ion-item-option hue="bold" color="primary">Primary</ion-item-option> |
|
68 | 61 |
|
69 | 62 | <ion-item-sliding> |
70 | 63 | <ion-item> |
71 | | - <ion-label> |
72 | | - Subtle |
73 | | - </ion-label> |
| 64 | + <ion-label> Subtle </ion-label> |
74 | 65 | </ion-item> |
75 | 66 | <ion-item-options side="start"> |
76 | 67 | <ion-item-option color="primary">Primary</ion-item-option> |
77 | 68 | <ion-item-option color="secondary">Secondary</ion-item-option> |
78 | 69 | <ion-item-option color="tertiary">Tertiary</ion-item-option> |
79 | 70 | </ion-item-options> |
80 | | - </ion-item-options> |
81 | 71 | </ion-item-sliding> |
82 | 72 |
|
83 | 73 | <ion-list-header> |
84 | 74 | <ion-label>Status Colors</ion-label> |
85 | 75 | </ion-list-header> |
86 | 76 | <ion-item-sliding> |
87 | 77 | <ion-item> |
88 | | - <ion-label> |
89 | | - Bold |
90 | | - </ion-label> |
| 78 | + <ion-label> Bold </ion-label> |
91 | 79 | </ion-item> |
92 | 80 | <ion-item-options side="start"> |
93 | 81 | <ion-item-option hue="bold" color="success">Success</ion-item-option> |
|
98 | 86 |
|
99 | 87 | <ion-item-sliding> |
100 | 88 | <ion-item> |
101 | | - <ion-label> |
102 | | - Subtle |
103 | | - </ion-label> |
| 89 | + <ion-label> Subtle </ion-label> |
104 | 90 | </ion-item> |
105 | 91 | <ion-item-options side="start"> |
106 | 92 | <ion-item-option color="success">Success</ion-item-option> |
107 | 93 | <ion-item-option color="warning">Warning</ion-item-option> |
108 | 94 | <ion-item-option color="danger">Danger</ion-item-option> |
109 | 95 | </ion-item-options> |
110 | | - </ion-item-options> |
111 | 96 | </ion-item-sliding> |
112 | 97 |
|
113 | | - |
114 | 98 | <ion-list-header> |
115 | 99 | <ion-label>Neutral Colors</ion-label> |
116 | 100 | </ion-list-header> |
117 | 101 | <ion-item-sliding> |
118 | 102 | <ion-item> |
119 | | - <ion-label> |
120 | | - Bold |
121 | | - </ion-label> |
| 103 | + <ion-label> Bold </ion-label> |
122 | 104 | </ion-item> |
123 | 105 | <ion-item-options side="start"> |
124 | 106 | <ion-item-option hue="bold" color="light">Light</ion-item-option> |
|
129 | 111 |
|
130 | 112 | <ion-item-sliding> |
131 | 113 | <ion-item> |
132 | | - <ion-label> |
133 | | - Subtle |
134 | | - </ion-label> |
| 114 | + <ion-label> Subtle </ion-label> |
135 | 115 | </ion-item> |
136 | 116 | <ion-item-options side="start"> |
137 | 117 | <ion-item-option color="light">Light</ion-item-option> |
138 | 118 | <ion-item-option color="medium">Medium</ion-item-option> |
139 | 119 | <ion-item-option color="dark">Dark</ion-item-option> |
140 | 120 | </ion-item-options> |
141 | | - </ion-item-options> |
142 | 121 | </ion-item-sliding> |
143 | 122 | </ion-list> |
144 | 123 |
|
145 | 124 | <script> |
146 | 125 | // Open all sliding items on load |
147 | 126 | function openItems() { |
148 | | - document.querySelectorAll('ion-item-sliding').forEach(item => { |
| 127 | + document.querySelectorAll('ion-item-sliding').forEach((item) => { |
149 | 128 | item.open(); |
150 | 129 | }); |
151 | 130 | } |
|
0 commit comments