List & ScrollView
html
<engine:ListView name="ListPrimary" fixed-item-height="100" class="primary" />
<engine:ListView name="ListPurple" fixed-item-height="100" class="purple" />
<engine:ListView name="ListDefault" fixed-item-height="100" />
<engine:ScrollView class="primary">
<engine:ScrollView class="red">
<!-- Ghost -->
<engine:ListView class="red ghost">
<engine:ScrollView class="red ghost">Info: This page shows visual styling examples for ListView components.
Colors
To change the color of a ListView or ScrollView, add the color name as a class without a value.
html
<engine:ListView class="purple" />
<engine:ScrollView class="purple" />Refer to colors to learn about available options.
Ghost
Makes the background transparent.
html
<!-- Ghost -->
<engine:ListView class="red ghost">
<engine:ScrollView class="red ghost">Settings
Theme
Light
Contrast
Material
Dark
Dim
Material Dark
System
Sidebar(Light & Contrast only)
Font Family
DM Sans
Wix
Inclusive Sans
AR One Sans
Direction
Left to RightLTR
Right to LeftRTL