Framework7 - List Views
Description
List views are powerful user interface components, which presents data in a scrollable list containing multiple rows. List views has many uses as listed below −
It allows users to link through orderly arranged data.
It allows the user to select from an indexed list of items.
It displays detailed information and controls in distinct groupings.
It presents a list of selectable options.
List View layout
The following table shows common layout of list view −
| S.No | List View types & Description |
|---|---|
| 1 | List block
It is your list view elements wrapper which uses list-block class. |
| 2 | Link Elements
The list view elements can be used as links to other pages and data. |
| 3 | List Divider
It is a list element with title which visually divide one list items from another. |
| 4 | Grouped Lists
You can wrap your list view elements within single list block. |
| 5 | Inset List Block
By adding inset class to list-block your list blocks can have inset styling. |