@@ -269,6 +269,45 @@ <h2>Examples of all basic list swatches</h2>
269269 </ ul >
270270
271271
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+
272311 </ div > <!--/content-primary -->
273312
274313 < div class ="content-secondary ">
0 commit comments