リストビューのテーマ設定
ボタン用の色見本は、リストにも適用されます。フレームワークはデフォルトで色見本 “c” (デフォルトのテーマでは「銀」)が適用され、分類タイトルには “b” (「青」)が使われます。
リストアイテムのテーマ
リストに data-theme 属性を設定することで、各リストアイテムにテーマのボタン用色見本を適用できます。
リストアイテム(li)レベルでも data-theme 属性は適用できます。
分類のテーマ
リストの分類もテーマ設定できます。リスト要素に data-divider-theme で色見本を指定してください。
子要素数表示のテーマ
子要素数表示もテーマ設定できます。リスト要素に data-count-theme で色見本を指定してください。
アイコンのテーマ
リストリンクに付けられるアイコンは arrow-r です。これを変えるには data-icon 属性で ボタンのアイコン と同様にアイコン名を指定してください。アイコンを表示しないようにするには data-icon 属性に “false” を設定します。
Notices
Alerts
No icon
分割ボタンのテーマ
分割ボタンで2つ目のボタンは、デフォルトで色見本 “b” が適用されます。
右側のボタンにテーマ設定するには data-split-theme に色見本を指定します。各リストアイテム毎に data-theme を設定することも出来ます。
分割ボタンは data-split-icon で ボタンのアイコン のようなアイコン名を指定することで、設定できます。
スウォッチのサンプル
A swatch
B swatch
C swatch
D swatch
E swatch