Listview Listviews are a flexible and powerful component for displaying a series of content. Modify and extend them to support just about any content within.

Total 324 Records

Basic example

Basic listing with text lines

Donec congue tempus ligula, varius hendrerit mi hendrerit sit amet. Duis ac quam sit amet leo feugiat iaculis

Per an error perpetua, fierent fastidii recteque ad pro. Mei id brute intellegam

Dulla vel metus scelerisque ante sollicitudin commodo purus odio

Per an error perpetua, fierent fastidii recteque ad pro. Mei id brute intellegam

Wel ea elit iuvaret. Mea labitur definitiones ex, id atqui accusata vix, vim nibh mandamus ad

Checkboxes

Basic listing with checkbox and text lines

Donec congue tempus ligula, varius hendrerit mi hendrerit sit amet. Duis ac quam sit amet leo feugiat iaculis

Per an error perpetua, fierent fastidii recteque ad pro. Mei id brute intellegam

Dulla vel metus scelerisque ante sollicitudin commodo purus odio

Per an error perpetua, fierent fastidii recteque ad pro. Mei id brute intellegam

Wel ea elit iuvaret. Mea labitur definitiones ex, id atqui accusata vix, vim nibh mandamus ad

Headings

Heading text can be added by wrapping the content on .listview__heading
Dulla vel metus scelerisque ante sollicitudin commodo purus odio

Donec congue tempus ligula, varius hendrerit mi hendrerit sit amet. Duis ac quam sit amet leo feugiat iaculis

Finibus consectetur mauris, eget laoreet turpis malesuada eredeu lectus sed enim suscipit euismod

Aliquam fringilla neque sit amet libero convallis ac consequat nulla iaculis urabitur placerat mi sed massa euismod, a tincidunt enim tinciduntam porttitor lorem ac pharetra semper

Vestibulum cursus eros id ipsum finibus a pretium justo aliquam

Etiam cursus lorem eget sapien euismod, ac elementum urna tempusonec dapibus

Nunc erat nunc ullamcorper sit amet odio vel accumsan viverra velit aliquam fringilla neque sit amet libero convallis, ac consequat nulla iaculis.

Suspendisse aliquam sapien vitae elit ornare accumsan in dictum eratraesent pulvinar eros

Pellentesque vitae leo vestibulum odio mollis porta blandit eget nunc

Suspendisse ullamcorper purus efficitur lorem hendrerit, rhoncus dignissim lorem vehicula

Attributes

You can also display information as attributes.
Dulla vel metus scelerisque ante sollicitudin commodo purus odio

Donec congue tempus ligula, varius hendrerit mi hendrerit sit amet. Duis ac quam sit amet leo feugiat iaculis

Date Created: 09/06/1988 Members: 78954 Published: No
Finibus consectetur mauris, eget laoreet turpis malesuada eredeu lectus sed enim suscipit euismod

Aliquam fringilla neque sit amet libero convallis ac consequat nulla iaculis urabitur placerat mi sed massa euismod, a tincidunt enim tinciduntam porttitor lorem ac pharetra semper

Comedy Reviewed 5 Stars

Etiam cursus lorem eget sapien euismod, ac elementum urna tempusonec dapibus

James Anderson Software Developer
Nunc erat nunc ullamcorper sit amet odio vel accumsan viverra velit aliquam fringilla neque sit amet libero convallis, ac consequat nulla iaculis.

Suspendisse aliquam sapien vitae elit ornare accumsan in dictum eratraesent pulvinar eros

1988 December 1990 10:12 PM
Pellentesque vitae leo vestibulum odio mollis porta blandit eget nunc
Toyota Hilux Revo

Media

Add image or character as a media entry.
Dulla vel metus scelerisque ante sollicitudin commodo purus odio

Donec congue tempus ligula, varius hendrerit mi hendrerit sit amet. Duis ac quam sit amet leo feugiat iaculis

A
Finibus consectetur mauris, eget laoreet turpis malesuada eredeu lectus sed enim suscipit euismod

Aliquam fringilla neque sit amet libero convallis ac consequat nulla iaculis urabitur placerat mi sed massa euismod, a tincidunt enim tinciduntam porttitor lorem ac pharetra semper

C
Vestibulum cursus eros id ipsum finibus a pretium justo aliquam

Etiam cursus lorem eget sapien euismod, ac elementum urna tempusonec dapibus

Nunc erat nunc ullamcorper sit amet odio vel accumsan viverra velit aliquam fringilla neque sit amet libero convallis, ac consequat nulla iaculis.

Suspendisse aliquam sapien vitae elit ornare accumsan in dictum eratraesent pulvinar eros

Pellentesque vitae leo vestibulum odio mollis porta blandit eget nunc

Suspendisse ullamcorper purus efficitur lorem hendrerit, rhoncus dignissim lorem vehicula

Action links

Add actions links using .actions
Dulla vel metus scelerisque ante sollicitudin commodo purus odio

Donec congue tempus ligula, varius hendrerit mi hendrerit sit amet. Duis ac quam sit amet leo feugiat iaculis

Finibus consectetur mauris, eget laoreet turpis malesuada eredeu lectus sed enim suscipit euismod

Aliquam fringilla neque sit amet libero convallis ac consequat nulla iaculis urabitur placerat mi sed massa euismod, a tincidunt enim tinciduntam porttitor lorem ac pharetra semper

Vestibulum cursus eros id ipsum finibus a pretium justo aliquam

Etiam cursus lorem eget sapien euismod, ac elementum urna tempusonec dapibus

Nunc erat nunc ullamcorper sit amet odio vel accumsan viverra velit aliquam fringilla neque sit amet libero convallis, ac consequat nulla iaculis.

Suspendisse aliquam sapien vitae elit ornare accumsan in dictum eratraesent pulvinar eros

Pellentesque vitae leo vestibulum odio mollis porta blandit eget nunc

Suspendisse ullamcorper purus efficitur lorem hendrerit, rhoncus dignissim lorem vehicula

Hoverable list items

Use class .listview--hover on .listview to make list items hoverable.
Dulla vel metus scelerisque ante sollicitudin commodo purus odio

Donec congue tempus ligula, varius hendrerit mi hendrerit sit amet. Duis ac quam sit amet leo feugiat iaculis

Finibus consectetur mauris, eget laoreet turpis malesuada eredeu lectus sed enim suscipit euismod

Aliquam fringilla neque sit amet libero convallis ac consequat nulla iaculis urabitur placerat mi sed massa euismod, a tincidunt enim tinciduntam porttitor lorem ac pharetra semper

Vestibulum cursus eros id ipsum finibus a pretium justo aliquam

Etiam cursus lorem eget sapien euismod, ac elementum urna tempusonec dapibus

Nunc erat nunc ullamcorper sit amet odio vel accumsan viverra velit aliquam fringilla neque sit amet libero convallis, ac consequat nulla iaculis.

Suspendisse aliquam sapien vitae elit ornare accumsan in dictum eratraesent pulvinar eros

Pellentesque vitae leo vestibulum odio mollis porta blandit eget nunc

Suspendisse ullamcorper purus efficitur lorem hendrerit, rhoncus dignissim lorem vehicula

Striped rows

Use class .listview--striped on .listview to make list items striped.
Dulla vel metus scelerisque ante sollicitudin commodo purus odio

Donec congue tempus ligula, varius hendrerit mi hendrerit sit amet. Duis ac quam sit amet leo feugiat iaculis

Finibus consectetur mauris, eget laoreet turpis malesuada eredeu lectus sed enim suscipit euismod

Aliquam fringilla neque sit amet libero convallis ac consequat nulla iaculis urabitur placerat mi sed massa euismod, a tincidunt enim tinciduntam porttitor lorem ac pharetra semper

Vestibulum cursus eros id ipsum finibus a pretium justo aliquam

Etiam cursus lorem eget sapien euismod, ac elementum urna tempusonec dapibus

Nunc erat nunc ullamcorper sit amet odio vel accumsan viverra velit aliquam fringilla neque sit amet libero convallis, ac consequat nulla iaculis.

Suspendisse aliquam sapien vitae elit ornare accumsan in dictum eratraesent pulvinar eros

Pellentesque vitae leo vestibulum odio mollis porta blandit eget nunc

Suspendisse ullamcorper purus efficitur lorem hendrerit, rhoncus dignissim lorem vehicula

Bordered

Use class .listview--bordered on .listview to make list items Bordered.
Dulla vel metus scelerisque ante sollicitudin commodo purus odio

Donec congue tempus ligula, varius hendrerit mi hendrerit sit amet. Duis ac quam sit amet leo feugiat iaculis

Finibus consectetur mauris, eget laoreet turpis malesuada eredeu lectus sed enim suscipit euismod

Aliquam fringilla neque sit amet libero convallis ac consequat nulla iaculis urabitur placerat mi sed massa euismod, a tincidunt enim tinciduntam porttitor lorem ac pharetra semper

Vestibulum cursus eros id ipsum finibus a pretium justo aliquam

Etiam cursus lorem eget sapien euismod, ac elementum urna tempusonec dapibus

Nunc erat nunc ullamcorper sit amet odio vel accumsan viverra velit aliquam fringilla neque sit amet libero convallis, ac consequat nulla iaculis.

Suspendisse aliquam sapien vitae elit ornare accumsan in dictum eratraesent pulvinar eros

Pellentesque vitae leo vestibulum odio mollis porta blandit eget nunc

Suspendisse ullamcorper purus efficitur lorem hendrerit, rhoncus dignissim lorem vehicula