@@ -269,6 +269,45 @@ <h2>Examples of all basic list swatches</h2>
269
269
</ ul >
270
270
271
271
272
+ < h2 > Read-only list items</ h2 >
273
+
274
+ < p > Read-only list items have a flatter appearance and do not have an icon.</ p >
275
+
276
+ < p > Swatch < strong > "a"</ strong > on read-only listview</ p >
277
+ < ul data-role ="listview " data-inset ="true " data-theme ="a ">
278
+ < li > Gold< span class ="ui-li-count "> 1</ span > </ li >
279
+ < li > Silver< span class ="ui-li-count "> 2</ span > </ li >
280
+ < li > Bronze< span class ="ui-li-count "> 3</ span > </ li >
281
+ </ ul >
282
+
283
+ < p > Swatch < strong > "b"</ strong > on read-only listview</ p >
284
+ < ul data-role ="listview " data-inset ="true " data-theme ="b ">
285
+ < li > Gold< span class ="ui-li-count "> 1</ span > </ li >
286
+ < li > Silver< span class ="ui-li-count "> 2</ span > </ li >
287
+ < li > Bronze< span class ="ui-li-count "> 3</ span > </ li >
288
+ </ ul >
289
+
290
+ < p > Swatch < strong > "c"</ strong > on read-only listview</ p >
291
+ < ul data-role ="listview " data-inset ="true " data-theme ="c ">
292
+ < li > Gold< span class ="ui-li-count "> 1</ span > </ li >
293
+ < li > Silver< span class ="ui-li-count "> 2</ span > </ li >
294
+ < li > Bronze< span class ="ui-li-count "> 3</ span > </ li >
295
+ </ ul >
296
+
297
+ < p > Swatch < strong > "d"</ strong > on read-only listview</ p >
298
+ < ul data-role ="listview " data-inset ="true " data-theme ="d ">
299
+ < li > Gold< span class ="ui-li-count "> 1</ span > </ li >
300
+ < li > Silver< span class ="ui-li-count "> 2</ span > </ li >
301
+ < li > Bronze< span class ="ui-li-count "> 3</ span > </ li >
302
+ </ ul >
303
+
304
+ < p > Swatch < strong > "e"</ strong > on read-only listview</ p >
305
+ < ul data-role ="listview " data-inset ="true " data-theme ="e ">
306
+ < li > Gold< span class ="ui-li-count "> 1</ span > </ li >
307
+ < li > Silver< span class ="ui-li-count "> 2</ span > </ li >
308
+ < li > Bronze< span class ="ui-li-count "> 3</ span > </ li >
309
+ </ ul >
310
+
272
311
</ div > <!--/content-primary -->
273
312
274
313
< div class ="content-secondary ">
0 commit comments