A simple list view. Elements can be selected by clicking them. Only a single element can be selected at a time.
<px-list-view>
<px-list-view-item>Value 1</px-list-view-item>
<px-list-view-item>Value 2</px-list-view-item>
<px-list-view-item>Value 3</px-list-view-item>
</px-list-view>A simple list view where multiple elements can be selected at a time. To toggle selection click the element again.
<px-list-view multiple>
<px-list-view-item>Value 1</px-list-view-item>
<px-list-view-item>Value 2</px-list-view-item>
<px-list-view-item>Value 3</px-list-view-item>
</px-list-view>A list view with a complex layout. In this example the list elements are images.
<px-list-view>
<h3>Animals</h3>
<px-flex-panel orientation="horizontal">
<px-list-view-item class="wallpaper bunny"></px-list-view-item>
<px-list-view-item class="wallpaper bird"></px-list-view-item>
<px-list-view-item class="wallpaper kitties"></px-list-view-item>
</px-flex-panel>
<h3>Nature</h3>
<px-flex-panel orientation="horizontal">
<px-list-view-item class="wallpaper rainbow"></px-list-view-item>
<px-list-view-item class="wallpaper flowers"></px-list-view-item>
</px-flex-panel>
</px-list-view>